css的自定义属性

自定义属性允许作者自由的选择名称,自由的为名称属性分配任意值。这些属性能够提供给var()函数使用,被var()函数引用的自定义属性又常被成为变量。

自定义属性:使用前缀'--'来声明自定义属性。使用var()函数来使用自定义属性。

例如:

ul{ --accent-color:purple; }
ol{ --accent-color:rebeccapurple; }
li{ background: var(--accent-color); }

这个例子的意图:

有序列表中,列表项的背景颜色是rebeccapurple;但在无序列表中,列表项的背景颜色将是purple.

原文地址:https://www.cnblogs.com/echol/p/13180545.html