Я работаю над некоторым CSS из учебника, div имеет этот класс:
<div class="related products">
Как я могу ссылаться на него в таблице стилей?
Как ссылаться на div с class= "name1 name2"?
Ответ 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 с классом связанных и классов продуктов".
Или вы могли бы ссылаться на него, используя имена либо, так как они будут ловить оба.
Ответ 4
В css просто поместите класс имени div, выполнив следующее:
.related products {
/*styling to go here*/
}
Теперь в этот div будет применен любой стиль в классе связанных продуктов.