CSS3属性选择器

1、Element[attr]

2、Element[attribute='value']

属性值为value,注意class='dog cat' div[class='dog']是无法选中的。可用3。这里是完全精确。

3、Element[attribute~='value'] 

包含单词value,例如class='dog cat'  div[class='dog']则可选中该样式。注意这边class='dogcat'是无法选中的。可用6进行选择。

4、Element[attribute^='value'] 

以value开头

5、Element[attribute$='value'] 

以value结尾

6、Element[attribute*='value'] 

包含value,例如href='abcd' a[href='bc']则可选中该样式,与3作比较。

7、Element[attribute|='value'] 

属性值为value或value-的,例如class='people-sherry',class='people' div[class=|'people']可选中。

注意这边是属性为value,而不是包含value,例如class="people sherry"是无法选中的。

猜你喜欢

转载自blog.csdn.net/twentyseventh/article/details/80278739