在css中写 :root{ /** * colors */}是在干嘛
时间: 2023-07-23 12:48:50 浏览: 64
`:root` 是 CSS 中的一个伪类选择器,表示选择文档的根元素,通常是 `<html>` 元素。在 `:root` 选择器中,我们可以定义全局变量,这些变量可以在整个文档中被引用,方便样式的修改和管理。在这个例子中,`--rich-black-fogra-29_95` 到 `--jet` 这些变量的定义都在 `:root` 中,可以在文档的任何地方被引用。同时,在 `:root` 中定义的变量具有全局性,所以可以被整个文档中的所有元素使用。
相关问题
:root { /* * *colors */}给我分析下注释为什么这样写
这段代码是 CSS 的语法,其中 `:root` 是 CSS 伪类选择器,用于选择文档的根元素。而注释 `/* * *colors */` 是对 `:root` 样式块的注释。
注释中使用了多个星号和空格来进行格式化,这样做可以让注释更加易读和美观。但是这种注释格式并不是 CSS 规范中所推荐的格式,而是一种个人风格。在 CSS 规范中,注释应该以 `/*` 开始,以 `*/` 结束,并且应该在注释符号和注释文本之间保留一个空格,例如:
```
/* This is a comment */
```
因此,这种注释格式并不是最好的选择,最好的做法是遵循 CSS 规范中的注释格式。
include: ['**/*.css', '**/*.js'],
您想知道如何在配置文件webpack.base.conf.js中使用include: ['**/*.css', '**/*.js']。要解决这个问题,您可以按照以下步骤进行操作:
1. 打开webpack.base.conf.js配置文件。
2. 找到test项,它应该类似于{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader' }。
3. 在该test项中添加include项,如下所示:{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader', include:['**/*.css', '**/*.js'] }。
4. 保存并关闭webpack.base.conf.js配置文件。
通过以上步骤,您已经成功添加了include项,并将其设置为['**/*.css', '**/*.js'],以包括所有的.css和.js文件。这样做可以确保webpack在处理这些文件时能够正确地应用相应的加载器和插件。
引用来源:webpack.base.conf.js配置文件中的include项
引用来源:XP.css的使用方法
引用来源:解决vue项目中引入iview后的报错问题