• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • :root

    版本:CSS3

    :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示<html>元素,除了优先级更高之外,与<html>选择器相同。

    语法:

    :root{sRules}

    :root这个CSS伪类匹配文档树的根元素。对于 HTML 来说,:root表示<html>元素,除了优先级更高之外,与html选择器相同。

    浏览器支持

    IE9+、其余新版浏览器都支持:root

    示例

    在声明全局CSS 变量时:root会很有用:

    :root {
      --main-color: hotpink;
      --pane-padding: 5px 42px;
    }
    
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style>
    :root
    {
    background:pink;
    }
    </style>
    </head>
    <body>
    <p>设置html文档颜色</p>
    </body>
    </html>

    效果图:

    上篇::not()

    下篇::target