css 里面一个类有两个类名怎么用，中间空格隔开，代表什么例如

html-css026

css 里面一个类有两个类名怎么用，中间空格隔开，代表什么例如,第1张

空格代表包含关系。

.ne_area .festival_wrap .snow5 的意思是： .ne_area包含.festival_wrap，而.festival_wrap又包含.snow5，就像下面这样：

<div class="ne_area">

<div class="festival_wrap">

<div class="snow5"></div>

</div>

</div>

最终css的样式将会作用在最里面的那个div上（即<div class="snow5"></div>）

加空格表示子选择器（父元素下面的子元素）

.con .a{

color: red

}

<div class = "con"><div class = "a">子元素</div></div>

不加空格表示元素同时包含这两个类才会生效（同一级元素，多个命名）

.con.b{

color: bule

}

<div class = "con b"></div>

一个class可以 写多个命名，（可以只调用其中一个命名来添加样式）中间用空格隔开。

主要作用，是把样式相同的写在一个class类里面。避免代码重复编写，类似于JavaScript中的工厂模式的作用。

.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>