html - 改变 "li"有两个类

Question

我有

<li class="item itemshad edited">
  <div class="itemsetting" style="">
    <span class="icon"><i class="icon-home"></i></span>
    <span class="inputspan" style="float: left;margin-top: 1px;"><input class="menuName" type="text" value="Text" style=""></span><span class="list" style="margin-left: 6px;"><i class="icon-reorder"></i></span>
  </div>
</li>

<li class="item itemshad edited selected">
  <div class="itemsetting" style="">
    <span class="icon"><i class="icon-home"></i></span>
    <span class="inputspan" style="float: left;margin-top: 1px;"><input class="menuName" type="text" value="Text" style=""></span><span class="list" style="margin-left: 6px;"><i class="icon-reorder"></i></span>
  </div>
</li>

如果“li”有一个class of selected and edited to change the thickness of border in input.

如果是这样的话

.selected .edited input  {
    border: 2px dotted #ccc;
}

不起作用

Answer 1

要在单个元素上指定多个类，只需将它们连接在一起:

.selected.edited input

这是因为空格字符是一个组合符，意思是“任何后代”