css - 如何使用 CSS3 排除元素？

Question

这是代码：

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

但都input被排除在外！input我只想form排除ID radioo

Answer 1

:not只有simple selectors最好的解决方案是给每个你想排除一个类的输入并使用:not(.theclass)

从评论看来，没有添加类的解决方案

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

Answer 2

以下选择器似乎可以满足您的需求。只有第二种形式的输入才会有橙色背景。

http://jsfiddle.net/pYhgr/

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

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

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