CSS类别选择器加不加空格有什么区别?

html-css05

CSS类别选择器加不加空格有什么区别?,第1张

空格主要是为了区别不同的class类。如下示例:

<div class="one two tre"></div> <div class="onetwotre"></div>

在这个示例中,第一个div会被解析为有one、two、tre这三个类,第二个div会被解析为只有onetwotre这一个类。

CSS3 选择器 在CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)

有空格表示上下级关系或者说父子关系,比如:

<style>

.a .b {

   color: red

}

</style>

<div class="a">

   <div class="b">

      这里的文字是红色

   </div>

</div>

没有空格则表示叠加关系,比如:

<style>

.a.b {

   color: red

}

</style>

<div class="a b">

   这里的文字是红色

</div>