Слияние CSS для цвета текста и цвета ссылки

Question

0

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

У меня есть следующий 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-инструкции в одну?

Jérôme Verstrynge 14 дек. 2013, в 17:31

Теги:

merge

1 ответ

Sumner Evans · Accepted Answer · 2013-12-14T14-19-00.000Z

Используйте этот код:

.mydiv2, .mydiv2 a {
    background-color: green;
    color: white;
}

Запятая позволяет вам иметь несколько селекторов для инструкции CSS.

EDIT: Как упоминалось выше в комментариях, эта функция документирована здесь: http://www.w3.org/TR/CSS2/selector.html#grouping.