CSS3否定伪类选择器

否定伪类选择器用来选择不满足某些条件的元素。

表 2-6 结构伪类选择器

选择器	功能描述	版本
E:not(selector)	选择未被选择器selector所选中，且类型为E的元素	3

如果想对某个结构元素使用样式，但是又想排除这个结构下的某些子结构时，否定伪类选择器就非常有用，它可以过滤掉某些内容。

如，在美化表单时，常常会给表单中所有的input添加一个边框，而单选按钮添加边框后就非常难看。这时，否定伪类就可以派上用场。代码如下：

1. input:not([type = radio]) {
2. border: 1px solid #ccc;
3. }

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。