为什么这个 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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题