如何使用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>