前端技术学习之选择器（三）

二，结构性伪类选择器：root

:root为根选择器，匹配元素所在文档树的根元素，而在html文档中，根元素就是html，所以:root就相当于html。

代码例子：

html:root {

background:orange;

}

:root {

background:orange;

}

html {

background:orange;

}

注：以上三种写法都是一样的

运行效果：整个页面全显示橘黄色。

三，结构性伪类选择器：not

选择除某个元素之外的所有元素，是个比较好用的选择器。

使用:not选择器注意事项：

Note:【:not】必须紧跟元素，不能有空格。:not后跟括号，这个括号在属性选择器里是没有的。

举个有用的例子：给表单中除submit按钮之外的input添加红色边框。

input:not([type="submit"]){

border:1px solid red;}