CSS豎杠符號(hào)怎么打？

在CSS中，豎杠符號(hào)（|）通常用于表示選擇器之間的“或”關(guān)系，即選擇符合多個(gè)條件中的任意一個(gè)的元素，在以下代碼中，選擇器div或p都會(huì)被應(yīng)用樣式：

div | p {
  color: red;
}

在這個(gè)例子中，所有div和p元素都會(huì)被賦予紅色字體，需要注意的是，豎杠符號(hào)（|）必須位于選擇器的開(kāi)頭，并且每個(gè)選擇器之間不能有空格。

除了用于選擇器之間的“或”關(guān)系，豎杠符號(hào)（|）還可以用于表示偽元素的選擇，在以下代碼中，所有::before或::after偽元素都會(huì)被應(yīng)用樣式：

div::before | div::after {
  content: "";
  display: block;
  height: 20px;
}

在這個(gè)例子中，所有div元素的::before和::after偽元素都會(huì)顯示一個(gè)高度為20像素的塊級(jí)元素。

CSS中的豎杠符號(hào)（|）是一個(gè)很有用的選擇器，可以用于選擇符合多個(gè)條件中的任意一個(gè)的元素或偽元素，并應(yīng)用相應(yīng)的樣式。