CSS 样式失效?

图片描述
为什么这个样式会失效呢?
.line_active {
coloclcolor:#235590;
}

阅读 5k
2 个回答

有其他优先级更高的样式覆盖了这个样式
css优先级:!important > 内联 > id选择器 > 类选择器 > 元素选择器
选择器都有一个权值,权值越大优先级越高。
假设内联的权值为1000,id100,类10,元素1
.nav-wrap ul li的权值为10+1+1=12
.line-active的权值为10
所以.nav-wrap ul li.line-active有更高的优先级

你的样式被别的覆盖了,在该样式后面加!important.line_active{color:#233590!important;}或者写在行内来提高它的优先级

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