选择器
css变量
例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css变量</title>
<style>
:root {
--my-color: #98ac6e;
--public-width: 100px;
--zlt-color: gold;
}
div {
width: calc(var(--public-width) + 100px);
height: 100px;
background-color: var(--my-color);
--zlt-color: skyblue;
}
span {
color: var(--zlt-color);
}
h1, p {
color: var(--my-color);
}
</style>
</head>
<body>
<h1>css变量</h1>
<div>
<span>知了堂</span>
</div>
<p>学习使我全家快乐</p>
</body>
</html>
运行结果