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这种后面没连接符直接写的单词，只能用^的开头来匹配。

转载于:https://www.cnblogs.com/island1994/p/9223353.html