CSS 排序小箭頭是一種常見的界面效果，通常用于顯示表格、列表、導(dǎo)航條等中的排序方式。

在 CSS 中，我們可以使用偽元素::before和::after來創(chuàng)建這樣的小箭頭。以下是一個(gè)簡(jiǎn)單的例子：

.sort-asc:before {
content: "↑";
}
.sort-desc:before {
content: "↓";
}

在上面的代碼中，我們?yōu)閮蓚€(gè)不同的 CSS 類添加了::before偽元素，并使用content屬性分別設(shè)置了小箭頭的顯示文本。

接下來，我們需要使用 CSS 屬性對(duì)偽元素進(jìn)行樣式設(shè)置。

.sort-asc:before,
.sort-desc:before {
display: inline-block;
width: 10px;
height: 10px;
font-size: 8px;
line-height: 10px;
}
.sort-asc:before {
transform: rotate(180deg);
}

在上面的代碼中，我們?yōu)閭卧卦O(shè)置了基本的display、width、height、font-size、line-height屬性，以及針對(duì)“升序”箭頭進(jìn)行了一個(gè)transform變換，使之旋轉(zhuǎn)了 180 度。

最后，我們可以將上面的代碼應(yīng)用到 HTML 中的元素上：

<th class="sort-asc">Name</th>
<th class="sort-desc">Age</th>

在上面的代碼中，我們將兩個(gè)不同的 CSS 類應(yīng)用到了表格頭部的兩個(gè)單元格中，以分別顯示“升序”和“降序”排序箭頭。

通過上述方法，我們就可以很方便地創(chuàng)建出自己想要的排序小箭頭效果。