Как сослаться на div с class = "name1 name2"?

Question

Я работаю над CSS из учебника, у div есть этот класс:

<div class="related products">

Как я могу ссылаться на него в таблице стилей?

Answer 1

У div на самом деле есть два класса, related и products.Вы можете ссылаться на него в своей таблице стилей с помощью .related или .products, и он выберет стили из обоих этих правил.Например, при использовании следующего CSS текст в div в вашем вопросе будет выглядеть красным с размером шрифта 12:

.related { color:#ff0000 }
.products { font-size:12px }

Если вы хотите выбрать элементы с обоими классами, используйте .related.products вваша таблица стилей.Например, добавьте следующее в приведенный выше пример:

.related.products { font-weight:bold }

И текст в вашем div получит все три правила, поскольку он соответствует всем 3 селекторам.Вот рабочий пример .

Answer 2

div.related.products - это общий метод

Answer 3

Вы ссылаетесь на него с помощью div.related.products, что буквально переводится как "a div с классом связанных и классом продуктов".

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

jsFiddle Пример .

Answer 4

В CSS просто поместите имя класса div, выполнив это:

.related products {
/*styling to go here*/
}

Теперь к этому div будет применяться любой стиль в классе связанных продуктов.