CSS中的豎線“|”符號，它是一個非常有用的運算符號，它被稱為pipe。豎線符號可以被用于CSS選擇符，幫助我們控制HTML元素的顯示和樣式。

使用豎線符號可以為一個元素的多個屬性設置相同的樣式，我們可以使用如下的語法：

selector { 
property1: value1;
property2: value2;
| property3: value3;
}

在這個語法中，豎線符號的位置告訴CSS，對選擇器的所有屬性設置相同的值，直到管道符號之后。

例如，我們可以為一個類為box的元素的背景顏色，邊框和邊框顏色設置相同的值。

.box {
background-color: #F7F7F7;
border: 1px solid #ccc;
| border-color: #ccc;
}

這個示例中，我們可以看到，在選擇器.box中，豎線符號“|”將border-color: #ccc添加到了background-color和border屬性中。

在CSS 2.1中，可以使用豎線符號來設置HTML元素的偽類，例如:before和:after：

.selector:before {
content: "";
| display: block;
width: 10px;
height: 10px;
background-color: red;
}

在這個示例中，我們可以看到，使用豎線符號可以幫助我們縮短CSS代碼并提高代碼的復用性。

總之，CSS中的豎線符號是一個非常實用的工具，可以幫助我們簡化CSS代碼，提高代碼的可維護性，并為HTML元素提供更好的樣式。