这个.something.something选择器在css中意味着什么？

Question

我找到了一些使用

的css代码

.move.up{
//css goes here
}

像这样的事情。任何人都可以告诉我它在css中的选择器类型.. ??

Answer 1

它只描述了一个具有类移动的元素，该元素也具有类 -

<div class="move up">＆lt; - 已选择

<div class="up move">＆lt; - 已选择

<div class="up">＆lt; - 未选中

<div class="move">＆lt; - 未选中

<div class="move something up">＆lt; - 已选择

示例：http://jsfiddle.net/3gkmf3rx/1/

Answer 2

它只选择带有类的元素＆＃34;移动＆＃34;和＆＃34; up＆＃34;。 http://www.w3schools.com/cssref/css_selectors.asp

＆＃13;

＆＃13;

div{
  width: 60px;
  height: 60px;
  background: beige;
  border: solid black;
  float:left;
  margin: 10px;
  text-align: center;
  line-height: 60px;
  font-family: arial;
  font-weight: bold;
}
.separator{
  width: 5px;
  height: 60px;
  border: solid black;
  background: grey;
  clear: both;
}



.move.up{
  background: green;
}


//Additional knowledge
.class1 .class2{
  background: orange;
}
span div{
  background: purple;
}

.class3, .class4{
  background: brown;
}

＆＃13;

<div class="separator"></div>
<div class="move">
  1
  </div>
<div class="up">
  2  
</div>
<div class="move up">
  3
</div>
<div class="move classyclass up">
  4
</div>
<div class="separator"></div>

<!-- Additional knowledge :) -->
<div class="class1">
  5
  </div>
<div class="class2">
  6
  </div>
<div class="class1 class2">
  7
  </div>
<div class="class1 classyclass class2">
  8
  </div>
<span>
  <div>8.1</div>
</span>
<div class="separator"></div>
<div class="class3">
  9
  </div>
<div class="class4">
  10
  </div>
<div class="class3 class4">
  11
  </div>
<div class="class3 classyclass class4">
  12
  </div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

这意味着一个元素应该同时具有类move和up。可以通过用空格分隔多个className来为它们分配。

例如：<a href="#" class="move up">Click here</a>

更多详情here