html - CSS 样式失效？

问题描述

问 题

为什么这个样式会失效呢？
.line_active {
coloclcolor:#235590;
}

解决方案

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

这篇关于html - CSS 样式失效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！