Rob*_*Rob 13 css css-selectors
我正在从一个教程中学习一些CSS,div有这个类:
<div class="related products">
Run Code Online (Sandbox Code Playgroud)
如何在样式表中引用它?
Jam*_*ice 19
在div实际上有两个班,related和products.你可以参考它在任何样式表.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个选择器.这是一个有效的例子.