一属性选择器
根据指定的属性名称找到对应的标签,然后设置属性
[attribute=value]
找到有指定属性,并且属性的取值等于value的标签然后设置属性
属性的取值是以什么开头
[attribute|=value] css2 只能找到value开头,并且value是被-和其它内容隔开的
[attribute^=value] css3 只要是以value开头的都可以找到无论有没有被-隔开
属性的取值是以什么结尾
[attribute$=value]
属性的取值是否包含某个特定的值得
[attribute~=value] css2 只能找到独立的单词也就是包含value并且value是被空格隔开的
[attribute*=value] css3 只要包含value就可以找到
二通配符选择器
给当前页面上的所有的标签设置属性
*{css样式代码;}
注意点
由于通配符选择器是设置界面上所有的标签的属性所以在设置之前会遍历所有的标签,如果当前页面上的标签比较多那么性能就会比较差所以在企业开发中一般不会使用通配符选择器
CSS选择器 1.基本选择器 2.属性选择器 3.伪类选择器 1. <1>通配符选择器 *通配符——通配符选择器是...
！important > 行间样式 > id > class / 属性选择器 > 标签选择器 > 通配符选择器 （...
选择器分类： 元素选择器（html,body,p）、通配符选择器（*）、类选择器、ID选择器、属性选择器(span...
一 标签选择器 二 类选择器 三 id选择器 四 通配符选择器 五 属性选择器 六 伪类选择器
选择器 class id 通配符 * 标签选择器 后代选择器> 兄弟选择器 + 伪类选择器 可继承的属性 字体系列...
!important 行内样式 伪类选择器 class选择器 标签选择器 通配符选择器 * 继承父元素属性 浏览器...
选择器： 1.ID选择器：# 2.class选择器：. 3.标签选择器：div 4.通配符选择器：* 5.属性选择...
选择器简单选择器标签选择器类选择器id 选择器通配符选择器属性选择器伪类选择器其他选择器伪元素选择器组合选择器选择...
类选择器：class=“xxx”.xxx{}id选择器：id=“xxx”井号xxx通配符选择器：星号 选择所有属性...
普通选择器 直接的标签就可以作为标签 类选择器和ID选择器 通配符选择器 属性选择器[disabled][ty...
本文标题：属性选择器 通配符选择器
本文链接：https://www.haomeiwen.com/subject/niaacctx.html
网友评论