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

前端之家收集整理的这篇文章主要介绍了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 {...}
原文链接:https://www.f2er.com/css/216917.html

猜你在找的CSS相关文章