請問一個欄位,如果有多個值,那麼要如何只針對值的內容,加入css特效?
我是要加入Hover語法 ( http://ianlunn.github.io/Hover/ )
嘗試過field_formatter_class及field_group模組,可以順利額外加入css效果
但加入後css後,欄位所有的內容都會跟著動,值無法單獨使用css效果
目前想到的解決是裝views_field_view viewfield處理,但應該不用那麼複雜吧 XD
請問一個欄位,如果有多個值,那麼要如何只針對值的內容,加入css特效?
我是要加入Hover語法 ( http://ianlunn.github.io/Hover/ )
嘗試過field_formatter_class及field_group模組,可以順利額外加入css效果
但加入後css後,欄位所有的內容都會跟著動,值無法單獨使用css效果
目前想到的解決是裝views_field_view viewfield處理,但應該不用那麼複雜吧 XD
有捷圖可參考嗎? css3 可以用 first-child
有捷圖可參考嗎? css3 可以用 first-child selector
http://www.w3schools.com/cssref/sel_firstchild.asp
既然提到了 views_field_view ,應該是用了
既然提到了 views_field_view ,應該是用了 views 來做資料輸出?
這樣的話應該可以用 Style Settings 來做調整 tag 跟加入 class
可加入的層次可以選擇:欄位值( field ), 欄位標籤 ( label ), 整個欄位的容器 ( field and label wrapper )
參考附圖囉
如果還是不夠
如果還是不夠,可以用override自己建立自己要的html結構及class
感謝大家的回覆,我吸收一下
感謝大家的回覆,我吸收一下
Chris 的方式確實可行,我的另一個站 連結 有用到該方式 :)
我現在的問題卡在 node 內容裡 field 的顯示
只是在想,不透過views_field_view去控制顯示,可以調整到什麼呈度
目前試到field可以套用css顯示,只field多個內容時,css的作用是在一起的
css / jquery 的 nth selector
css / jquery 的 nth selector
http://www.w3schools.com/cssref/sel_nth-child.asp