定义的颜色部分是相同的

--blue: #007bff;和--primary: #007bff;<br>
	--red: #dc3545;和--danger: #dc3545;<br>
	--yellow: #ffc107;和--warning: #ffc107;<br>
	--green: #28a745;和--success: #28a745;<br>
	--cyan: #17a2b8;和--info: #17a2b8;<br>
	--gray: #6c757d;和--secondary: #6c757d;<br>
	--gray-dark: #343a40;和--dark: #343a40;<br>

如图：

首先说使用方法：

background: var(--pink);
color: var(--pink);

2，CSS var() 函数定义与用法

var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
支持版本：CSS3
示例1

/* 定义一个名为 "--main-bg-color" 的属性，然后使用 var() 函数调用该属性：*/
:root {
  --main-bg-color: coral;
} 
#div1 {
  background-color: var(--main-bg-color);
} 
#div2 {
  background-color: var(--main-bg-color);
}

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
} 
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

示例3：

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 

示例3：

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
}