妙味css3課程---1-1、css中自定義屬性可以用屬性選擇器么
一、總結
一句話總結:可以的。
?
1、如何實現用屬性選擇器實現a標簽根據href里面含有的字段選擇背景圖片?
p a[href*=text]{background-image:url(img/text.gif);}
?
2、瀏覽器前綴在js中怎么寫?
比如老版火狐在css中的前綴是-moz-,例如-moz-tansition:1s;
js中不支持-(橫桿),然后小寫變大寫:MozTransition
就jquery多好,jquery就是解決了這些兼容性的問題
?
3、我們在bootstrap和amazeui調用js的時候的data-屬性是怎么來的?
這是css3里面新增的屬性,其實也就是自定義屬性
?
?
二、妙味css3課程 1-1 css中自定義屬性可以用屬性選擇器么
1、相關知識
屬性選擇符 Attribute Selectors
選擇符 | 版本 | 描述 |
---|---|---|
E[att] | CSS2 | 選擇具有att屬性的E元素。 |
E[att="val"] | CSS2 | 選擇具有att屬性且屬性值等于val的E元素。 |
E[att~="val"] | CSS2 | 選擇具有att屬性且屬性值為一用空格分隔的字詞列表,其中一個等于val的E元素。 |
E[att^="val"] | CSS3 | 選擇具有att屬性且屬性值為以val開頭的字符串的E元素。 |
E[att$="val"] | CSS3 | 選擇具有att屬性且屬性值為以val結尾的字符串的E元素。 |
E[att*="val"] | CSS3 | 選擇具有att屬性且屬性值為包含val的字符串的E元素。 |
E[att|="val"] | CSS2 | 選擇具有att屬性且屬性值為以val開頭并用連接符"-"分隔的字符串的E元素,如果屬性值僅為val,也將被選擇。 |
?
?