开发者社区> 问答> 正文

css小问题

<div class="nav1">
                <ul>
                    <li class="active"><a href="news.html">a</a></li>
                    <li><a href="news.html">b</a></li>
                    <li><a href="products.html">c</a></li>
                    <li><a href="praise.html">d</a></li>
                    <li><a href="media.html">e</a></li>
                </ul>

            </div>
.nav1 li a{
    color: #555;
}

.active a{
    color: red;
}

这样写
•a
“a”不是红色,在后面加上!important后才是,请教问题出在哪里,继承的优先级?

展开
收起
杨冬芳 2016-06-02 09:57:20 1730 0
1 条回答
写回答
取消 提交回答
  • IT从业

    第一个的优先级:10+1+1
    第二个的优先级:10+1
    !important声明的样式优先级最高,如果冲突再进行计算。

    以下是规则:
    元素标签中定义的样式(Style属性) 1,0,0,0
    每个ID选择符(如 #id) 0,1,0,0
    每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover) 加0,0,1,0
    每个元素选择符(如p)或伪元素选择符(如 :firstchild)等 加0,0,0,1
    其它选择符包括全局选择符*,不计算在其中 相当于0,0,0,0

    注意
    !important声明的样式优先级最高,如果冲突再进行计算。
    如果优先级相同,则选择最后出现的样式。

    2019-07-17 19:24:04
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载