Skip to content

选择器

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;
}