什么时候用空格分开样式类?所以例如:下面两个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 {...}