H5属性选择器

属性选择器:
1.Element[attribute]:选择带有某个属性的元素:input[type].
2.Element[attribute="value"]选择带有某个值的属性的元素:input[type="email"].
3.Element[attribute~="value"]:选择属性多个值中其中一个值相对应的元素,一般用在多个Class元素选择其中一个做样式修改。div[class="font-15"].
4.Element[attribute^="value"]:选择属性值包含value开头的所有元素。a[href^="http"].
5.Element[attribute$="value"]:选择属性值包含value结尾的所有元素。a[href$=".com"].
6.Element[attribute*="value"]:选择value值或包含部分value值的所有的元素。div[class="font"].
7.Element[attribute|="value"]:选择属性值开头为value或者value-的所有元素。div[class="color"].
注意:开头和结尾4,5,7如果有多个值得情况,只适应第一个值的规则,后面忽略,而7开头只能包括value或者value-,不能有valueBuChong这种后面没连接符直接写的单词,只能用^的开头来匹配。

猜你喜欢

转载自www.cnblogs.com/island1994/p/9223353.html