首页 > 试题广场 >

以下 CSS 选择器,优先级最高的为

[单选题]
以下 CSS 选择器,优先级最高的为
  • span:first-child
  • #username
  • .username span
  • span #username

可以把样式的应用方式分为几个等级,按照等级来计算权重

1、!important,加在样式属性值后,权重值为 10000
2、内联样式,如:style=””,权重值为1000
3、ID选择器,如:#content,权重值为100
4、类,伪类和属性选择器,如: content、:hover 权重值为10
5、标签选择器和伪元素选择器,如:div、p、:before 权重值为1

6、通用选择器(*)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0


编辑于 2019-04-06 16:04:22 回复(0)
css的优先级分为4个等级,分别是A,B,C,D(A代表是否有内联样式,有为1,无为0;B代表ID选择器个数;C代表类选择器、属性选择器和伪类总个数;D代表标签选择器和伪元素总个数),比较规则就是从左往右比较。本题中,
(选项)       A      B     C    D  (等级)
A              0     0      1     1
B              0     1     0     0
C              0     0     1     1
D              0     1     0     1
综上,选项D的优先级最高
发表于 2020-02-27 17:44:58 回复(0)
越具体优先级越高
发表于 2019-09-11 09:16:16 回复(2)
可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权重值为 10000 2、内联样式,如:style=””,权重值为1000 3、ID选择器,如:#content,权重值为100 4、类,伪类和属性选择器,如: content、:hover 权重值为10 5、标签选择器和伪元素选择器,如:div、p、:before 权重值为1 6、通用选择器(*)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0
发表于 2022-04-07 11:20:17 回复(0)
正确答案不是B吗?
发表于 2019-04-04 14:59:23 回复(1)
就离谱不用打空格吗?
发表于 2021-04-27 12:09:15 回复(1)
越特别,优先级越高。!important着重强调,优先级最高style=“” 相对来说比较特别,优先级较高id唯一,而class不唯一,所以id选择器更特别,优先级更高标签选择器普普通通,优先级倒二通用选择器最平凡,优先级最低
发表于 2021-09-19 23:29:16 回复(0)
D可以不写空格吗?
发表于 2020-09-16 12:18:00 回复(1)