:root{--first-颜色：#488cff；--second-color:#ffff8c;}#firstParagraph{背景色:var(--first-color);颜色：var(--second-color);}#secondParagraph{背景颜色：var(--second-color);颜色：var（--first-color）；}#container{--first-color：#48ff32；}#thirdParagraph{背景颜色：var（--first-color）；color:var(--second-color);}>>>点击获取更多文章<<<最近在练习写demo11，写了--XXX的自定义属性calc，平时很少用到，而且它是比较陌生的口，所以记下来。自定义属性(--*)以--为前缀的属性名，如--example--name，代表带有值的自定义属性，可以通过var函数在整个文档中重复使用。CSS自定义属性可以级联：每个自定义属性可以出现多次，通过级联算法和自定义属性值计算变量的值。语法--somekeyword:left;--somecolor:#0000ff;--somecomplexvalue:3px6pxrgb(20,32,54);Linktosection演示例:root{--first-颜色：#488cff；--second-color:#ffff8c;}#firstParagraph{背景色:var(--first-color);颜色：var(--second-color);}#secondParagraph{背景颜色：var(--second-color);颜色：var（--first-color）；}#container{--first-color：#48ff32；}#thirdParagraph{背景颜色：var（--first-color）；color:var(--second-color);}这个段落应该有蓝色背景和黄色文本。
这个段落应该有黄色背景和蓝色文本。这个段落应该有绿色背景和黄色文本。 