Question

我在我的css文件中设置了两次标记样式。我需要使用不同的风格，但两种风格实际上都是冲突的。

#cat_header h3 {
        font-family: Arial, Helvetica, calibri;
        font-size: 90px;
        text-decoration: none;
        font-weight: 100;
        letter-spacing: -2px;
        text-align: left;
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;    
}

.lightbox .head h3{
    font-family: Calibri, Helvetica, Arial;
    font-size: 28px;
    letter-spacing: -1px; word-spacing: -1px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 8px;

}

Answer 1

你不能通过使规则更具体来“清除”你可以覆盖

#content .lightbox .head h3 { }

或者使用！important

.lightbox .head h3 { font-family:Calibri !important; }

Answer 2

当您按ID（带＃）而不是按类（带有。）指定样式时，ID中的样式规则会覆盖类中的样式规则。您可以在此处查看完整的优先规则：http://www.w3.org/TR/CSS2/cascade.html

Answer 3

基本上，你可以只使用第三条规则，它比你现在拥有的两条规则都要具体。

我不知道你的文档结构是什么，但这里有一个CSS的例子，它更具体。我完全猜测你的文档结构是什么，所以你的实际代码会有所不同。

#cat_header.head h3{
    color:red;
}

清除以前的CSS

3 个答案: