在CSS3中加入了新的选择器,这些选择器使得我们更加方便的获取元素
1、标签[属性名=“属性值”]
其中div是html中的标签名,class是此标签上的属性儿后面的wrapper则是该属性的属性值;总体来看这个标签从效果上来看和css中的class选择器并没有什么不同甚至还麻烦许多,事实上也确实如此;但这个标签的价值却不在于选择class;
dxxx使我们在div中自定义的属性,在css的常规选择其中我们无法选择到这个元素,但css3使我们实现了自定义属性的选择
在这个选择器下我们可以轻松的拿到html下带有自定义属性dxxx属性且属性值是xxx的div标签
接下来我们来看一下这个选择器的特性:(^ , $ , * , ~)
^ :
我们可以在属性名后加上^符号;这个符号表示我们所要挑选的标签的dxxx值是以xxx开头的;
$ :
与^相反,$表示属性值是以xxx结尾;
* :
*表示所选标签的自定义属性值中有x这个字母;
~:
~表示所选标签的自定义属性值中有x这个词,这个词不能与任何其他字符连接