風格選擇元素，但只有當它在一個使用某種風格的div時

Question

不知道標題是否有意義，但這是我正在嘗試做的。

<div class="mystyle"> 
    <select name="somename" id="somename"> 
     <option value="Value1"> 
     <option value="Value2"> 
    </select> 
</div> 
<div class="myotherstyle"> 
    <select name="somename" id="somename"> 
     <option value="Value1"> 
     <option value="Value2"> 
    </select> 
</div> 

是否有可能在樣式與類「mystlye」 div中選擇元素，而不設置在選擇該類？我希望select元素只有在包含一個具有「mystyle」類的div時才能被樣式化。

事情是這樣的：

div.mystyle { 
    border: 1px solid #ff0000; 
    background-color: #ffeeee; 
} 

div.mystyle.select { 
    margin: 0px 5px 10px 0px; 
} 

Answer 1

變化點的空間，在你div.mystyle.select選擇。 select是標籤而不是類。

div.mystyle { 
    border: 1px solid #ff0000; 
    background-color: #ffeeee; 
} 

div.mystyle select { 
    margin: 0px 5px 10px 0px; 
} 

演示：http://jsfiddle.net/LftRc/

Answer 2

使用空間表示，它已經是一個孩子。

.mystyle select { } 

使用>運營商指的是直接子（例如..，內部沒有.mystyle一個div內一個div內。選擇）。

.mystyle > select { } 

您還可以在父級上使用「僞元素」和「僞類」。

.mystyle:hover select { /* The .select element when .mystyle is hovered over */ } 

正確使用它會導致一些有趣的結果。