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

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

<div class="related products">

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

Ответ 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 селекторам. Здесь приведен рабочий пример .

Ответ 2

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

Ответ 3

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

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

Пример jsFiddle.

Ответ 4

В css просто поместите класс имени div, выполнив следующее:

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

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