失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css选择器有 – – – – – – – css选择器中可以匹配所有标签的是 –

css选择器有 – – – – – – – css选择器中可以匹配所有标签的是 –

时间:2022-09-05 06:46:48

相关推荐

css选择器有 – – – – – – –  css选择器中可以匹配所有标签的是 –

因为星号选择器的定义是用于选择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选择器中可以匹配所有标签的是 – 》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。