очистить предыдущий css

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 { }

Или используйте! Важный

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

Answer 2

По сути, вы могли бы просто третье правило, которое является более конкретным, чем любое из двух правил, которые у вас есть сейчас.

Я не знаю, какова структура вашего документа, но вот пример немного CSS, который был бы еще более конкретным.Я полностью догадываюсь о том, каков будет ваш документ, поэтому ваш реальный код будет отличаться.

#cat_header.head h3{
    color:red;
}

Answer 3

Когда вы указываете стили по идентификатору (с #), а не по классу (с.), Правила стилей из идентификатора переопределяют правила из класса.Вы можете увидеть все правила приоритета здесь: http://www.w3.org/TR/CSS2/cascade.html