CSS中的元素是很常用的标签，一般用于页面的链接。那么在CSS中，a元素的优先级又是怎么样的呢？a { color: blue; text-decoration: none; } p a { colo
CSS中的元素是很常用的标签，一般用于页面的链接。那么在CSS中，a元素的优先级又是怎么样的呢？
a {
color: blue;
text-decoration: none;
}
p a {
color: green;
font-weight: bold;
}
#header a {
color: red;
} 在上面的代码中，我们给a元素分别设置了三种不同的样式：在全局样式中设置了蓝色，无下划线的样式；在父级元素p中设置了绿色、粗体样式；在ID为header的元素中设置了红色样式。
那么，当我们在页面中使用a元素时，它的样式会有哪种表现呢？
首先，ID选择器比标签选择器优先级高，因此ID为header的元素中的a元素会显示红色样式。如果这个元素内部没有a元素，那么在其他带a元素的位置则按照其他规则去匹配样式。
然后考虑继承关系，因为a元素是p元素的子元素，所以在p元素中设置的样式会对a元素产生影响。这里设置的样式是绿色和粗体，在没有覆盖的情况下，我们会看到a元素呈现绿色和粗体的样式。
最后会应用全局样式，如果在ID和继承样式中都没有设置样式的话则会应用全局样式，上面的蓝色样式会被应用到其他未匹配样式的a元素上。
因此，CSS中a元素的优先级规则如下：
我们可以根据这些规则去设置不同的样式，并利用优先级规则来完成样式的层叠。
粉丝
0
关注
0
收藏
0
