attr:任意属性名称 elem : 表示任意元素 value:值
[attr] /*作用:匹配 附带 attr 属性的元素*/
elem[attr] /*作用:匹配附带 attr 属性的 elem 元素*/
elem[attr1][attr2] /*作用:匹配页面中所有即附带attr1属性也同时附带attr2属性的elem元素*/
elem[attr=value] /*作用:匹配页面上 附带attr属性同时值为 value 的elem 元素*/
~=
作用:匹配 附带 class 属性的 elem元素,其中class属性的值是以空格隔开的值列表,value是值列表中的一个独立值
elem[class~=value]
^= 以 value 作为开始
作用:匹配附带attr属性的elem元素,并且该属性值是以value作为开始的
elem[attr^=value]
$= 以 value 作为结束
作用:匹配附带attr属性的elem元素,并且该属性值是以value作为结束的
elem[attr$=value]
*= : 包含 value 字符即可
elem[attr*=value]
/**
*匹配页面上所有 class 属性值中包含 p字符的元素
*/
[class*=p]{
color: #ccc;
}
[class*=p]可匹配元素
<p class="p1">包含p字符</p>
<p class="important">包含p字符</p>
<p class="impress">包含p字符</p>