css如何实现自定义的属性

1、定义一个自定义属性需要使用--开始，然后属性值需要是一个有效的CSS值。像其他属性一样，一个规则集中定义:

element {
    --main-bg-color: brown;
}

使用注意

2、css变量的属性名大小写敏感，--my-color会被当作--My-color属性。

3、使用自定义属性，需要在var()函数中使用。

element {
    background-color: var(--main-bg-color);
}

以上就是css实现自定义属性的方法，希望对大家有所帮助。更多css学习指路：css教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。