今天小编跟大家讲解下有关全面了解css 属性选择器 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关全面了解css 属性选择器 的相关资料,希望小伙伴们看了有所帮助。
1.[class~="flower"]:选中有flower的class
class="flower ss"
class="ss flower"
2.[class|='top']:选择以top为top开头的class需要有'—'相连 或者单独的top
class="top-ss"
class="top"
class="top-ss"//选不中
3.[class^="top"]: 选中以top为开头的不管有没有特殊符号相连,单独的top也可以
class="top-ss"
class="topss"
4.[class$="top"]: 选中以top为结束的class,单独的top也行
class="mytop"
class="my-top"
class="top"
5.[class*='tt']: 选中有tt两个字母的class不管其位置在哪里
class="sttd"
class="ttee"
class="eett"
6.[target=_blank]
a标签中有target =_blank的选中
7.input[type="button"]
以上这篇全面了解css 属性选择器就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱蒂网。
原文地址:http://www.cnblogs.com/lwwen/archive/2016/07/19/5685612.html
来源:爱蒂网