首页 > 试题广场 >

下列定义的 CSS 选择器中，哪个权重是最低的？

[单选题]

下列定义的 CSS 选择器中，哪个权重是最低的？（） 

  • #game div.name
  • #game .name
  • #game div
  • #game .name span
添加回答
推荐
codpoe头像 codpoe
最高赞的答案并不准确。 优先级是：内联样式 > id 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器。 多个选择器组合的时候，不应该简单地给这些选择器分配权值，然后相加比较大小。因为上面所说的优先级是不能越级的，比方说 1 个 id 选择器能顶你 n 个类选择器...所以要逐级比较，同级的就比较数量，数量多的优先级高。 当然，!important 的优先级最高。
编辑于 2021-08-18 16:35:04 回复(1)
wzm201908301036630头像 wzm201908301036630
1、  在考虑浏览器执行哪一个样式之前，先看样式有没有直接被选中。如果直接选中了，按照id数、类数、标签数来计算权重，谁最后的权重数值听谁的。如果数值一样，则谁写在后面听谁的。

2、  如果没有直接被选中，那么就按照就近原则的方式执行。

发表于 2020-03-02 23:57:27 回复(0)
空空以空空头像 空空以空空
a和d是不是一样的 内嵌的和外嵌的优先级那个高？是内嵌？
发表于 2017-03-26 00:32:38 回复(0)
、白衬衫ャ头像 、白衬衫ャ 
　选择器的优先级 1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>
　　2.次优先级是（ID选择器 ,假设级别为100）   #myDiv{color:Red;}
　　3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
　　4.最后优先级是 （标签选择器，假设级别是 1）  div{color:Red;}
　　5.那么后代选择器的优先级就可以计算了啊
　　比如 .divClass  span { color:Red;}   优先级别就是：10+1=11

编辑于 2021-08-18 16:35:04 回复(9)
我才是晴天头像 我才是晴天
C,越精确，优先级越高
发表于 2017-02-05 21:30:38 回复(0)
ForeVer💫头像 ForeVer💫
这是选择器优先级的考察 参考的是ICE 法则
i代表id 权重100
c代表class 权重10
e代表的是Element 权重1
然后加起来计算就可以了!
A=110
B=110
C=101
D=111

编辑于 2017-10-26 18:05:11 回复(0)
熊在匣子里头像 熊在匣子里
4个等级的定义如下： 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第三等：代表类，伪类和属性选择器，如.content，权值为10。 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
发表于 2017-03-28 11:21:58 回复(0)
在备战秋招的突尼斯海怪很想拿头像 在备战秋招的突尼斯海怪很想拿
*和继承的权重为0，标签选择器和伪元素的权重为1，类选择器、伪类选择器和属性选择器的权重为10，id选择器的权重为100，style样式的权重为1000，！important的权重为∞。 A:100+1+10=111； B:100+10=110； C:100+1=101; D:100+10+1=111.
发表于 2020-09-28 09:32:10 回复(0)
Monicaa头像 Monicaa
天哪 我选了最高的 选D是最高吗
发表于 2020-07-27 21:18:58 回复(0)
雨未央头像 雨未央
越精确，优先级越高
发表于 2017-08-10 13:41:49 回复(0)
isQ头像 isQ
选择器优先级的计算规则按我理解是这样的,分为A、B、C、D四类;
A: 表示是否存在内联样式,存在即为1,不存在即为0;
B:表示id选择器的数量.
C:表示类选择器、伪类选择器和属性选择器的总和.
D:表示标签选择器和伪元素选择器的总和.
比较优先级时候从A->D逐级进行比较,只有两个选择器相等的时候才会比较下一级,否则值大的优先级高,如果判断到D都是相等的,则应用后面的样式.
因此以上四个选项的判断过程为:
    A     B    C    D
a  0     1     1    1
b  0     1     1    0
c  0     1     0    1
d  0     1     1    1
显然根据上面规则进行判断之后得出优先级为:c最小
发表于 2019-09-22 10:01:21 回复(0)
六识头像 六识
4个等级的定义如下： 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第三等：代表类，伪类和属性选择器，如.content，权值为10。 第四等：代表类型选择器和伪元素选择器，如div p，权值为1 越精确，权重越高
发表于 2022-10-08 20:46:31 回复(0)
张福钰头像 张福钰 
选择器的优先级 1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>
　　2.次优先级是（ID选择器 ,假设级别为100）   #myDiv{color:Red;}
　　3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
　　4.最后优先级是 （标签选择器，假设级别是 1）  div{color:Red;}
　　5.那么后代选择器的优先级就可以计算了啊
　　比如 .divClass  span { color:Red;}   优先级别就是：10+1=11
发表于 2022-08-02 11:56:23 回复(0)
影子咿呀头像 影子咿呀
发表于 2022-03-03 10:16:39 回复(0)
渴望前端头像 渴望前端
A：100+1+10
B：100+10
C：100+1
D：100+10+1
发表于 2020-12-31 09:25:43 回复(0)
牛客945850845号头像 牛客945850845号
<p>如果div标签有很多个 #game div就无法精确到具***置 其它都能找到具***置 所以权重最低</p>
发表于 2020-08-21 16:47:47 回复(0)
艾利略头像 艾利略
想问问A是怎么回事？
发表于 2020-02-22 21:11:43 回复(0)
Unbroken_999头像 Unbroken_999
噢这样
发表于 2019-11-22 08:28:03 回复(0)
路飞呀呀呀头像 路飞呀呀呀
内联样式 > id 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器
发表于 2019-03-13 20:25:12 回复(0)
2843614697头像 2843614697
div.name和.name span优先级是不是一样？
发表于 2018-09-08 14:39:19 回复(0)
猿来头像 猿来
c
发表于 2018-08-04 18:58:36 回复(0)
提交观点

问题信息

2017 CSS 前端工程师 盛趣游戏
来自：盛趣游戏2017校招前...
上传者：牛100
难度：
32条回答 6895浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号