css样式里面冒号 |css repaint

:root {
--primary-color: #007bff;
}
h1 {
color: var(--primary-color);
}

样式里的冒号非常重要，因为它定义了样式的属性和值。当你想要定义一个新样式的属性值时，必须使用冒号。

CSS样式中的冒号可以连接多种值类型。例如，单位值、百分比值和十六进制颜色值等都可以通过冒号进行连接。

.box {
width: 200px;
height: 100px;
background-color: #eee;
}

此外，冒号也可以用来定义伪元素和伪类。在这种情况下，冒号的前缀是“::”而不是单个冒号。例如，以下代码定义了一个伪元素“::before”以及它的样式。

.box::before {
content: " ";
display: block;
height: 20px;
width: 20px;
background-color: #ccc;
}

总之，冒号是CSS样式中不可或缺的一部分。通过使用冒号，大家可以轻松地定义样式属性和值，并创建出美观而且适合需求的样式。