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

html-css015

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。)

.content .content_2 .scrollcon{padding-top:5px}

解释一个给你,你应该就明白意思了:

在class为content下的,class为content_2下的 class为scrollcon的元素应用padding-top5px,

意思就是指明是在哪一个父级下的元素。

例子:

<div class="content">

<div class="content_2">

<div class="scrollcon">这里这个层才会应用上内距5px</div>

</div>

</div>

<div class="scrollcon">而这一层是不会那个样式</div>