请您解释一下这两种CSS类语法之间的区别:
.element .symbol {}
和
.element.large .symbol {}
I don't underst和 the difference between the two. The first line indicates two different classes to which are applied the same styles. But about the second, what's the meaning of '.large' which is written attached to '.element'?
我想你稍微误解了第一个是什么意思.
.element .symbol {}
这意味着这些CSS设置应用于类为.symbol的任何HTML元素，该元素位于类为.element的元素中.
<div class="element">
<div class="symbol" />
</div>
在这个例子中，第一个CSS条目会影响中间的<div>个标签.
您的第二个示例意味着第一个类需要两个受影响的类.除此之外，它等同于第一个.
<div class="element large">
<div class="symbol" />
</div>
因此，如果HTML看起来像这样，CSS值也将应用于内部<div>标记.
如果您想分别设置应用于多个类的CSS标记，则需要使用逗号将它们分开.所以看起来是这样的:
.element, .symbol {}
Edit:通过请求链接到documentation个CSS Select 器.