Возможно, что-то действительно простое здесь, поскольку я совершенно новичок в этом, но я не понимаю, почему в приведенном ниже коде элементы <a>
и <h2>
не наследуют свойство color
(белый) от класса .hero
. Упростите код как можно больше.Наследование CSS - свойство цвета
HTML-:
<section class="hero container">
<h2>A header!</h2>
<p>Some stuff!!!</p>
<a href="something.html">Linky</a>
</section>
CSS-:
a {
color: #648880;
}
h2 {
color: #648880;
}
.hero {
color: #fff;
}
Результатом этого кода является то, что <p>
элемент имеет текст ж/цвет #fff
, как указано в .hero
классе - который как ожидалось. Однако элементы <a>
& <h2>
имеют цвет #6488880
, как указано в селекторах элементов для <a>
& <p>
.
Тот же вопрос продемонстрировал в JSFiddle here
не должны атрибут .hero
класса color
быть переопределение атрибут color
в элементе селекторы? Неужели я совершенно непонимаю специфику? Конечно, я могу использовать .hero a
или .hero h2
, но я не понимаю, почему я должен.
дубликат? - http://stackoverflow.com/questions/3098349/css-question-specificity-and-interitance?rq=1 –
Подтверждение того, что этот вопрос определенно является моим дубликатом. Благодарим вас за то, что до – Evgeni