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