在CSS中，可以使用偽元素（pseudo-elements）來在類上添加豎杠，偽元素是一種特殊類型的元素，它可以在元素的內(nèi)容前后插入裝飾性的內(nèi)容，如豎杠、引號等。

以下是一個示例，展示如何在類上添加豎杠：

HTML代碼：

<div class="bar-container">
  <div class="bar"></div>
</div>

CSS代碼：

.bar-container {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #f0f0f0;
}
.bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 50px;
  background-color: #000;
}

在這個示例中，我們創(chuàng)建了一個帶有豎杠的容器，我們設置了一個相對定位的容器，并給出了它的寬度和高度，我們在容器中創(chuàng)建了一個***定位的豎杠元素，并將其位置設置為容器的中心，我們設置了豎杠的寬度、高度和背景顏色。

通過這種方法，我們可以在CSS中輕松地在類上添加豎杠，這只是一個簡單的示例，你可以根據(jù)自己的需求進行調(diào)整和擴展。