妙味css3课程---1-1、css中自定义属性可以用属性选择器么

妙味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新增属性