css – 由空格连接或分隔的类名

什么时候用空格分开样式类？所以例如：下面两个css块之间有什么区别？

块1：

div {
    color: brown;
}

div.special {
    font-size: 18px;
}

块2：

div {
    color: brown;
}

div .special {
    font-size: 18px;
}

这是HTML：

<div class="special">The quick brown fox jumps over the lazy dog.</div>

我试过这两个版本.只有块1,文本将以字体大小18.

解决方法

当您要引用后代元素时,您可以将空格分隔为空格,并且要在引用具有多个类的单个元素时连接它们.

例如,指代具有两个类的div,例如< div class =“foo bar”>你可以使用：

div.foo.bar {...}

引用子范围元素< div class =“foo”>< span class =“bar”> stuff< / span>< / div>你可以使用：

div.foo .bar {...}