样式选择元素,但仅当它在使用某种样式的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元素而不在select上设置类？我希望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/