校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 选择器和优先级
题目

对CSS的复杂选择器优先级,描述不正确的是()

A.后代选择器比直接使用基础选择器的优先级高

B.id选择器个数多的优先级高

C.如果id选择器和类选择器的个数都相等,那后面的样式会覆盖前面的样式

D.id选择器个数相同,要看类选择器的个数

解答

正确答案是 C

后代选择器的优先级比较复杂,也是大厂前端的常考点,可以拿#Content .name .title a span举例
总结优先级如下:
1、 id个数多的优先级高
#box .head span{
color:blue;
}
.box .head span{
color:red;
}
<br>//下面span标签的颜色是蓝色的
  <div class="box" id="box">
    <div class="head">
      <span>我的颜色</span>
    </div>
  </div>

2 id个数相等的看class个数,class越多优先级越高
3 id和class个数相等,看元素个数,个数越多优先级越高
4 优先级相同,后面的样式会覆盖前面的样式, 不分先后顺序,只看选择器类型和个数

A选项是常识,可以理解是多样式权值加分更高
C选项少了元素个数的比较,只有元素个数也相同,即优先级相同的情况下,才跟基础选择器规则一致,后大于前

C 0条回复 评论

帖子还没人回复快来抢沙发