如何使用class ="name1 name2"引用div?

Rob*_*Rob 13 css css-selectors

我正在从一个教程中学习一些CSS,div有这个类:

<div class="related products">
Run Code Online (Sandbox Code Playgroud)

如何在样式表中引用它?

Jam*_*ice 19

div实际上有两个班,relatedproducts.你可以参考它在任何样式表.related或者.products,它会从这两方面的规则拿起风格.例如,使用以下CSS,div您问题中的文本将显示为红色,字体大小为12:

.related { color:#ff0000 }
.products { font-size:12px }
Run Code Online (Sandbox Code Playgroud)

如果要选择包含两个类的元素,请.related.products在样式表中使用.例如,将以下内容添加到上面的示例中:

.related.products { font-weight:bold }
Run Code Online (Sandbox Code Playgroud)

并且您的文本中的文本div将收到所有三个规则,因为它匹配所有3个选择器.这是一个有效的例子.


Jos*_*kle 6

div.related.products是通用方法