为什么这个 css class 没有生效?

阅读 5.3k
5 个回答

?你截图上不是很明显嘛#header-container a的样式覆盖它了,子元素选择器优先级比类选择器

#header-container a{
    color: rgb(51, 51, 51)
}

id的权重要大于class的权重

CSS权重的问题,id选择器的权重会比class选择器高。


附:
  • CSS选择器权重计算图
    CSS权重计算.jpg

优先级关系:important > 内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器.注意权重啊看下这篇文章

权重问题哈,image.png
id权重大于class权重
important > 内联样式 > ID 选择器 > 类选择器
尽量不要使用id来写样式哈,没事也不要乱声明id

推荐问题