自定义属性允许作者自由的选择名称,自由的为名称属性分配任意值。这些属性能够提供给var()函数使用,被var()函数引用的自定义属性又常被成为变量。
自定义属性:使用前缀'--'来声明自定义属性。使用var()函数来使用自定义属性。
例如:
ul{ --accent-color:purple; } ol{ --accent-color:rebeccapurple; } li{ background: var(--accent-color); }
这个例子的意图:
有序列表中,列表项的背景颜色是rebeccapurple;但在无序列表中,列表项的背景颜色将是purple.