请问class中，带有空格是什么意思？

Question

<ul class="nav-menu clearfix unstyled">
       <li><a href="#" class="three-d active">
请问这样写是什么意思呢？为什么会带有空格？如果要在css中使用类选择器的话是怎样写呢？ 谢谢~~

Answer 1

空格是为了添加多个class名  ，  一般是要语义化的写CSS样式 所以写了不同功能的样式，然后添加到ul标签上，类选择是        .nav-menu  .clearfix    .unstyled   如果是为了精确地选到这个ul  你可以多写  ul.nav-menu.clearfix.unstyled                （中间是没空格哦，CSS空格是子代选择器，如果你有多个ul    而另外那些的class和这个ul不全相同，那么就只会选到这个 ）   

Answer 2

class="nav-menu clearfix unstyled"代表有三个类，懂了吧，就是有三个样式用在这

Answer 3

带有空格用来间隔class命名的样式名称，每空一格可以多添加一个样式

Answer 4

表示添加多个类样式

Answer 5

就是同时添加两个类的样式呗。

Answer 6

同时带有三个class的样式

Answer 7

用空格来分开三个类名nav-menu和clearfix以及unstyled，你可以选择其中任意一个类名作为选择器的名字来写样式

Answer 8

你可以参考下bootstrap中多class的写法，比如class="btn btn-default"，.btn定义按钮公共样式，.btn-default定义默认情况下按钮的样式；多class也多用于控制元素的状态等，可通过js来控制

Answer 9

表示它有3个class名称，要选择这个类，3个类名称中随便找一个都是可以定位到这个地方的

Answer 10

<li><a href="#" class="three-d active">代表这个a标签的样式是three-d和active这两个样式定义叠加之后的效果