如何引用 class="name1 name2" 的 div？
我正在研究教程中的一些 CSS，div 具有此类：
<div class="related products">
如何在样式表中引用它？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
我正在研究教程中的一些 CSS，div 具有此类：
<div class="related products">
如何在样式表中引用它？
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
div实际上有两个类，related和products。您可以在样式表中使用.lated或.products引用它，它会从这两个规则中获取样式。例如，使用以下 CSS，问题中的div中的文本将显示为红色，字体大小为 12：如果要选择具有这两个类的元素，请使用
.lated.products< /code> 在你的样式表中。例如，将以下内容添加到上面的示例中：div中的文本将接收所有三个规则，因为它匹配所有 3 个选择器。这是一个有效的示例。The
divactually has two classes,relatedandproducts. You can reference it in your stylesheet with either.relatedor.products, and it will pick up the styles from both of those rules. For example, with the following CSS, the text in thedivin your question would appear red with font size 12:If you want to select elements with both classes, use
.related.productsin your stylesheet. For example, add the following to the above example:And the text in your
divwill receive all three rules, because it matches all 3 selectors. Here's a working example.div.lated.products是通用方法div.related.productsis the general method您可以通过
div.lated.products引用它，字面意思是“具有相关类和产品类的div”。或者，您可以使用任一类名来引用它，因为它会捕获两者。
jsFiddle 示例。
You reference it by
div.related.productswhich literaly translates to "adivwith class of related and class of products".Or, you could reference it by using either class names, since it will catch both.
jsFiddle Example.
在 css 中，只需通过执行以下操作放置 div 的名称类：
现在相关产品类中的任何样式都将应用于该 div。
In the css, just put the name class of the div by doing this:
Now any styling within the related products class will be applied to that div.