CSS 中的Ampersand(&)符號
Ampersand(&)是 CSS 中用于連接屬性和值的符號。它是英文“and”的符號，但是在中國大陸的輸入法中，它常常會被誤輸入為“和”的符號。因此，在編寫 CSS 樣式時，我們需要格外小心使用Ampersand。
Ampersand 的作用是將兩個屬性或值連接起來，使得它們成為一對。例如，如果要將兩個元素的樣式都設置為“display: inline-block”，可以使用Ampersand 將它們連接起來，如下所示：
<元素 style="display: inline-block; "padding-right": 10px;">
<元素>
在上面的示例中，使用Ampersand 將“padding-right”屬性和“: 10px”值連接起來，使得這兩個元素在垂直方向上的邊距相等，并且寬度為 10 像素。
除了連接屬性和值之外，Ampersand 還可以用于連接文本和變量。例如，要將一個變量的值與一個元素的樣式連接起來，可以使用Ampersand 和變量名，如下所示：
#my-container {
width: 80%;
height: 100px;
background-color: #f00;
color: #000;
font-size: 16px;
&:hover {
background-color: #f50;
#my-element {
width: 100px;
height: 80px;
變量名： myVariable;
#my-container {
width: 80% & myVariable;
height: 100px & myVariable;
background-color: #f00 & myVariable;
color: #000 & myVariable;
font-size: 16px & myVariable;
在上面的示例中，使用Ampersand 將“width”屬性和“myVariable”變量連接起來，使得在元素被hover 觸發時，背景顏色和字體大小都根據“myVariable”的值進行調整。
總之，Ampersand 是 CSS 中非常重要的符號，但是在中國大陸的輸入法中，常常會被誤輸入為“和”的符號。因此，在編寫 CSS 樣式時，我們需要格外小心使用Ampersand，以免造成不必要的錯誤。