发布网友 发布时间:2022-04-28 13:26
共3个回答
懂视网 时间:2022-04-28 17:48
本篇文章给大家带来的内容是关于root选择器是什么?root选择器详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。root选择器简介
在CSS3中,:root选择器用于选择文档的根元素。根元素指的是位于文档树中最顶层结构的元素。在HTML中,根元素永远是HTML。
举例:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS3 :root选择器</title> <style type="text/css"> :root { background-color:silver; } body { background-color:red; } </style> </head> <body> <h1>Gxlcms</h1> </body> </html>
显示效果:
分析:
这里使用:root选择器指定整个网页的背景色为灰色,将网页中body元素的背景色设为红色。
:root{background-color:silver;}
或者:
html{background-color:silver;}
热心网友 时间:2022-04-28 14:56
root译为根源,是css选择器,选中的是根元素,也就是HTML标签;如果里面直接写属性和属性值,你能在页面中看到的效果就可以把:root{color:red;}认为是body{color:red;},还有一种写法:root{--aa:red;},这个时候你可以认为是声明变量,也就是--aa等于red;此时你可以把var(--aa)当成red用,如:div {color:var(--aa);}等价于div{color:red;}热心网友 时间:2022-04-28 16:14
目前在Android手机上,还没有统一的获取