如何使用CSS3排除元素？

Question

下面是代码：

input:not(#radioo input){ 
    display: block; 
    font-size:23px; 
    border-radius: 10px; 
    width:310px; 
    height: 40px 
} 

但所有input被排除在外！我只想排除input是在具有form的IDradioo

Answer 1

下面的选择器似乎做你想做的。只有第二种形式的输入将具有橙色背景。

http://jsfiddle.net/pYhgr/

form:not(#radioo) input { 
    background: orange; 
} 

<form id="radioo"> 
    <input type="text" /> 
</form> 

<form> 
    <input type="text" /> 
</form> 

Answer 2

:not只需要simple selectors最好的解决办法是给每个输入要排除的一类，并使用:not(.theclass)

从评论似乎有没有增加一个类的解决方案

form:not(#radioo) input{ 
    display: block; 
    font-size:23px; 
    border-radius: 10px; 
    width:310px; 
    height: 40px 
}