因为星号选择器的定义是用于选择html中的所有标签,在一个页面中大家都会选择去掉html所有标签的默认样式,然后根据自己的需求添加样式,这个时候就需要使用*选择标签。
另外一个*选择标签也可以搭配到其他的标签进行使用,用来选择表示某个父元素下面的所有子元素标签。
@ CSS选择器权重如何计算?
很古老的话题了
id=100
class=10
tag(标签)=1
按照这个规律去计算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面,偶推荐了解下BEM命名规则,这个观念很好,可以从侧面杜绝权重问题的产生,还有一个就是提高权重的方法 !important;
@ 怎样区分后代选择器和子代选择器?
1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分:<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。
子代选择器时效果图:
后代选择器时效果图:
@ 什么是派生选择器?
通过依据元素在其位置的上下文关系来定义样式 比如 div span{color:red;} 如果之前有定义 span{color:blue;}那么 派生选择器就是 不需要再去设置一个class 使用上下文关系来定义你需要的样式比如这里 需要变成红色 比单个span具有更高优先级 这样可以让html代码更加简洁 id 选择器具有更高的优先级
css选择器有 – – – – – – – css选择器中可以匹配所有标签的是 – CSS – 前端 html5 css3 3d效果
如果觉得《css选择器有 – – – – – – – css选择器中可以匹配所有标签的是 – 》对你有帮助,请点赞、收藏,并留下你的观点哦!