首页 > 试题广场 >

请你说说CSS有什么特殊性?（优先级、计算特殊值）

[问答题]
请你说说CSS有什么特殊性?（优先级、计算特殊值）
查看答案及解析
添加回答
yue7148头像 yue7148
!important>内联样式>id选择器>类选择器=伪类选择器=属性选择器>标签选择器=伪元素选择器>通配符>继承
发表于 2020-02-29 12:14:02 回复(0)
拯救世界的光太郎头像 拯救世界的光太郎

CSS选择器优先级遵从一个原则：

越是可以精确到某一个标签，其优先级就越高。

id选择器可以唯一的确定一个标签，那么它的优先级就基本上是最高的（!important优先级最高，高于id选择器）。

通配符选择器可以概括基本上所有的标签，那么它的优先级就是最低的。


样式表则是：

离标签越近，其优先级就越高。

内联的离得最近，其优先级最高。

而外联则是从外部引入往事表，它距离标签最远，优先级就是最低的。

编辑于 2022-03-06 16:17:45 回复(0)
kinjaze123头像 kinjaze123
选择器的权重
继承或者通配符 0，0，0，0
元素选择器、伪元素选择器 0，0，0，1
类选择器，伪类选择器,属性选择器 0，0，1，0
ID选择器 0，1，0，0
行内样式 1，0，0，0
！important 无穷大 无穷大
权重的叠加

注意：是不会进位的和二进制不一样
例如：
0，0，0，1+0，0，0，0，1=0，0，0，2

发表于 2020-10-12 15:13:22 回复(0)
名字被占用的Aimee头像 名字被占用的Aimee
优先级内联 id w伪类 属性 类 标签 通用 继承 计算特殊性值important 内联 id 类 标签/伪/属性 继承 通用
编辑于 2020-03-10 11:03:37 回复(0)
火柴哥头像 火柴哥
<p>Css优先规则：</p><p>最近的祖先样式比其他祖先的优先级高</p><p>直接样式比祖先样式优先级高</p><p>内联样式》ID选择器》类选择器=属性选择器=伪类选择器》标签选择器》伪元素选择器</p>
发表于 2020-05-13 14:43:30 回复(0)
羽雪分分头像 羽雪分分
查电脑
发表于 2018-05-01 17:31:23 回复(0)
atyhnfjgj头像 atyhnfjgj

一般情况下，优先级如下：
（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style
有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

  1. 内联样式表的权值最高 1000；
  2. ID 选择器的权值为 100
  3. Class 类选择器的权值为 10
  4. HTML 标签选择器的权值为 1
发表于 2017-08-16 10:19:34 回复(0)
li.极客头像 li.极客
内联>id>伪类>属性>类>标签>通用>继承
发表于 2022-01-11 13:40:29 回复(0)
牛雪碧头像 牛雪碧
大家注意参考答案给的大小排序有问题。id>类=伪类>标签
发表于 2021-01-07 19:37:14 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>同类型，同级别后者＞前者</p><p>内联＞id＞class＞*</p>
发表于 2020-08-29 12:46:36 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
10条回答 1663浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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