[分享]css两个横杠

CSS中有两个横杠，分别是单横杠（）和双横杠（）。单横杠主要用于定义CSS属性，比如： backgroundcolor: red; fontsize: 16px; 而双横杠主要用于定义CSS自定义属性...

CSS中有两个横杠，分别是单横杠（-）和双横杠（--）。

单横杠主要用于定义CSS属性，比如：

 background-color: red;
    font-size: 16px; 

而双横杠主要用于定义CSS自定义属性，比如：

 --main-color: #3498db;
    --font-size: 16px; 

这些自定义属性可以在整个页面使用，通过在其他地方引用来减少代码重复。

可以通过如下代码来使用这些自定义属性：

 .example {
        background-color: var(--main-color);
        font-size: var(--font-size);
    } 

这样，只需要在定义自定义属性的地方修改即可，避免了修改多处代码的麻烦。