gpt4 book ai didi

css - CSS规则的优先顺序

转载 作者:行者123 更新时间:2023-11-28 10:34:27 24 4
gpt4 key购买 nike

<分区>

如果多个 CSS 规则应用于一个元素并指定相同的属性,那么 CSS 优先考虑具有更具体选择器的规则。

也就是说,ID 选择器比类选择器更具体,而类选择器又更特定于标签选择器,如下所示,

#id1 {
color: blue;
}
.class1 {
color: red;
}
p {
color: green;
}
<p class="class1" id="id1">Sham</p>

输出是蓝色颜色的段落文本。

对于下面的代码,

p[data-colour] {
color: yellow;
}
#id1 {
color: blue;
}
.class1 {
color: red;
}
p {
color: green;
}
<p class="class1" id="id1" data-colour>Sham</p>

关于属性选择器,CSS 规则特异性说明了什么?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com