Сhange在「裏」至少兩個類

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> 

如果「裏」具有類的選擇和編輯以改變邊界的厚度在輸入。

如果這是這樣

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

不工作

Answer 1

要在單個元素指定多個類，只要它們連接在一起：

.selected.edited input 

這是因爲空格字符是一個組合子，這意味着

Answer 2

這樣做：

.selected.edited input 

刪除空格字符。否則.edited必須位於.selected之內。

Answer 3

「的任何後代」應該

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

有關多個類別/ ID和類別選擇器的更多信息 - http://css-tricks.com/multiple-class-id-selectors/