前端技术学习之选择器(三)v

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

你可能感兴趣的:(前端技术学习之选择器(三)v)