CSS 中，我們經常看到一個管道字符（|）在規則的最后，例如：

.selector {
property: value |;
}

這個管道字符是什么意思呢？它的作用是什么呢？

實際上，這個管道字符是一個分隔符，它表示這個規則沒有結束，而是要繼續拼接其他的規則。

以上面的例子為例，如果我們想要繼續添加另一個規則，我們只需要在下一行加上一條新規則，使用相同的選擇器名稱即可：

.selector {
property: value |;
property: value;
}

在這個例子中，我們添加了一條新規則，但是它們都屬于同一個選擇器，這意味著它們一起作用于相同的元素。

需要注意的是，這個分隔符在 CSS3 中被廢棄了，因為使用它很容易出錯。如果你想要使用多個規則，最好還是使用逗號分隔符來代替。

綜上所述，CSS 中的豎線代表一個分隔符，它的作用是在同一個選擇器下，添加多個規則。但是需要注意的是，它已經過時，應該使用逗號分隔符來替代它。