У меня стандартный стиль, где текст обычно белый, а ссылки обычно красные. Однако, в некоторых меню, я бы текст и ссылки были бы белыми.
У меня есть следующий Html:
<div class='mydiv2'>
Some text with some <a href="http://google.com">link</a>
</div>
и следующий CSS:
.mydiv2 {
background-color: green;
color: white;
}
.mydiv2 a {
color: white;
}
Есть ли способ объединить две приведенные выше css-инструкции в одну?
JsFiddle здесь.
Используйте этот код:
.mydiv2, .mydiv2 a {
background-color: green;
color: white;
}
Запятая позволяет вам иметь несколько селекторов для инструкции CSS.
EDIT: Как упоминалось выше в комментариях, эта функция документирована здесь: http://www.w3.org/TR/CSS2/selector.html#grouping.