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这种后面没连接符直接写的单词,只能用^的开头来匹配。
posted on 2018-06-25 10:59  想养猫的通信狗  阅读(175)  评论(0编辑  收藏  举报