CSS属性中的特殊前缀[重复]

ddrv8njm 于 2022-11-19 发布在其他

关注(0)|答案(2)|浏览(129)

此问题在此处已有答案：

What do these double-dash-prefixed CSS properties do? [duplicate]（1个答案）
10小时前就关门了。
在我们的组件中，我们使用了ant设计库。当我把库中的一个组件添加到我的项目中时，我在Chrome DevTools中找到了一个名为**--antd-arrow-background-color的属性，这让我感到很有趣：无;**
之前我认为所有的浏览器都可以理解和显示来自W3C标准的属性，这是从这个列表https://www.w3schools.com/cssref/index.php但怎么可能，我的浏览器（Chrome）理解其他属性？例如，有antd前缀的属性？
谁能给我解释一下？

PS我知道有供应商前缀，但其中没有antd这样的前缀。

css

来源：https://stackoverflow.com/questions/74493317/special-prefix-in-css-properties

2条答案

按热度按时间

rjjhvcjd1#

它们是自定义属性，工作方式类似于变量，可按如下方式使用：

:root{
    /* Property starts with "--" */
    --color-blue: #0000FF; 
}

body{
    /* Can be used with: var() */
    color: var(--color-blue); 
}

更多信息可在此处找到：https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

赞(0）回复(0）举报 2022-11-19

nhn9ugyo2#

它们是Custom Properties: CSS variables
以--为前缀的属性名称（如--example-name）表示包含可在使用var()函数的其它声明中使用的值的自定义属性。
示例用法：
第一个
HTML中的:root表示<html>元素
：root CSS伪类匹配表示文档的树的根元素。在HTML中，：root表示元素，与选择器html相同，只是它的特殊性更高。

赞(0）回复(0）举报 2022-11-19

我来回答

CSS属性中的特殊前缀[重复]

2条答案

相关问题

热门标签

最新问答