属性选择器 通配符选择器
2019-07-02 本文已影响0人
nickNic
一属性选择器
根据指定的属性名称找到对应的标签,然后设置属性
[attribute=value]
找到有指定属性,并且属性的取值等于value的标签然后设置属性
属性的取值是以什么开头
[attribute|=value] css2 只能找到value开头,并且value是被-和其它内容隔开的
[attribute^=value] css3 只要是以value开头的都可以找到无论有没有被-隔开
属性的取值是以什么结尾
[attribute$=value]
属性的取值是否包含某个特定的值得
[attribute~=value] css2 只能找到独立的单词也就是包含value并且value是被空格隔开的
[attribute*=value] css3 只要包含value就可以找到
二通配符选择器
给当前页面上的所有的标签设置属性
*{css样式代码;}
注意点
由于通配符选择器是设置界面上所有的标签的属性所以在设置之前会遍历所有的标签,如果当前页面上的标签比较多那么性能就会比较差所以在企业开发中一般不会使用通配符选择器