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

二，结构性伪类选择器：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;}