Css 如何引用class=”的div；名称1名称2"；？

我正在学习教程中的一些CSS，一个div有这样一个类：

<div class="related products">

---

如何在样式表中引用它？

div实际上有两个类，

相关的
和
产品
。您可以使用
.related
或
.products
在样式表中引用它，它将从这两个规则中选择样式。例如，使用以下CSS，问题中
div
中的文本将显示为红色，字体大小为12：

.related { color:#ff0000 }
.products { font-size:12px }

如果要选择包含这两个类的元素，请在样式表中使用
.related.products
。例如，在上述示例中添加以下内容：

.related.products { font-weight:bold }

而
div
中的文本将接收所有三条规则，因为它匹配所有3个选择器。这是一个有用的方法。
在css中，只需通过以下操作输入div的名称类：

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

现在，related products类中的任何样式都将应用于该div.
div.related.products
是通用方法
您通过
div.related.products
引用它，该方法字面上翻译为“a
div
，带有相关类和产品类”

或者，您可以使用或类名引用它，因为它将同时捕获这两个类

.
这是不正确的。这将选择类为“相关”
错误的节点的任何子节点！它将在类为“related”的元素中查找“a
元素”。事实上，删除div中以及css中products和related之间的空格。该空格存在的原因不同，请参见重复链接。的可能重复顺序是否重要，ie是否也可以
div.products.related
工作？@ain:-对于其他浏览器来说，这并不重要。