CSS3选择器(一)

在CSS3中加入了新的选择器，这些选择器使得我们更加方便的获取元素

1、标签[属性名=“属性值”]

其中div是html中的标签名，class是此标签上的属性儿后面的wrapper则是该属性的属性值；总体来看这个标签从效果上来看和css中的class选择器并没有什么不同甚至还麻烦许多，事实上也确实如此；但这个标签的价值却不在于选择class；

dxxx使我们在div中自定义的属性，在css的常规选择其中我们无法选择到这个元素，但css3使我们实现了自定义属性的选择

在这个选择器下我们可以轻松的拿到html下带有自定义属性dxxx属性且属性值是xxx的div标签

接下来我们来看一下这个选择器的特性：(^   ,   $   ,    *    ,     ~)

^  :

我们可以在属性名后加上^符号；这个符号表示我们所要挑选的标签的dxxx值是以xxx开头的;

$ ：

与^相反，$表示属性值是以xxx结尾;

*  ：

       

 

*表示所选标签的自定义属性值中有x这个字母；

~：

        

~表示所选标签的自定义属性值中有x这个词，这个词不能与任何其他字符连接