妙味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，也將被選擇。

紫色 鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色 鏈接表示該屬性是CSS3新增屬性