html / css具有多个点的元素是什么意思

Question

如果我想要应用多个css类，我使用<div class = "c1 c2 c2">
我在看一些代码。 <div class = "c1.c2.c3">是什么意思？

Answer 1

您拥有的代码是正确的，但您不需要第二个<div>元素（<div class='c1.c2.c3'></div>）中的点。 （除非您实际上有一个明确命名为c1.c2.c3的元素，这可能会导致CSS样式声明出现一些问题，除非您转义前导斜杠）

点是指CSS样式规则，表示元素有多个类，或者在这种情况下，类c1，c2和c3。

.c1.c2.c3
{
    //Styles an element that has classes c1, c2 and c3
} 

.c1.c2
{
    //Styles an element that has classes c1 and c2
}

而对于间距，它会改进范围：

.c1 .c2 .c3
{
    //Styles an element that has class c3 within an element c2, 
    //within an element c1.
}

<强> Example of both cases

Answer 2

<div class = "c1.c2.c3">表示它的样子：此div元素的类名是c1.c2.c3。它的CSS选择器如下所示：

.c1\.c2\.c3 {
    // styles here
}

这与<div class="c1 c2 c3">的CSS选择器非常不同，如下所示：

.c1.c2.c3 {
    // styles here
}