选择器
class > . id > # 标签 > 标签
*常量 :root 选择器表
妙用:多重标识时,属性名就是一个变量,方便切换属性值
css
:root{
--green: #00FF00;
--white: #ffffff;
--black: #000000;
}
body{
background: var(--bg);
}
/*浅色主题*/
.light-theme{
/* 使用 var 关键字指定要用作属性值的变量。*/
--bg: var(--green);
--fontColor: var(--black);
--btnBg: var(--black);
--btnFontColor: var(--white);
}一次使用多个选择器
css
p, li {
color: green;
}