:root { /* 这里的样式将应用于整个文档 */ --main-color: #333; }
在这个例子中,大家用:root选择器来定义一个CSS变量(–main-color)并将其设置为#333。这个变量可以在整个文档中使用。
使用根选择器还可以帮助开发者更好地组织和管理大型网站的样式表。通过将通用的样式定义在根选择器中,可以避免在整个样式表中重复编写相同的样式。
总之,在CSS中,:root选择器是一个强大而有用的工具,可以轻松地定义全局样式和变量,并更好地组织和管理大型网站的样式表。