CSS中的::after偽類用于在元素的內(nèi)容后面生成一個(gè)偽元素。這個(gè)偽元素可以用來實(shí)現(xiàn)在文本中劃線的效果，非常常見的應(yīng)用是實(shí)現(xiàn)導(dǎo)航菜單下劃線的樣式。

要實(shí)現(xiàn)這個(gè)效果，我們需要先在CSS中定義一個(gè)::after偽元素，然后為它設(shè)置樣式，其中包括絕對定位、寬度、高度、border樣式、以及l(fā)eft、bottom等屬性值的設(shè)定。下面是一個(gè)實(shí)現(xiàn)導(dǎo)航下劃線的樣例代碼：

.nav-item {
position: relative;
}
.nav-item::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-bottom: 2px solid #000;
left: 0;
bottom: -2px;
}

在這個(gè)例子中，我們首先將包含導(dǎo)航菜單項(xiàng)的<li>元素的position屬性設(shè)成了relative，這是因?yàn)槲覀円ㄟ^設(shè)置::after偽元素的position屬性來實(shí)現(xiàn)位置的定位。接著，我們?yōu)?code>::after偽元素設(shè)置了一個(gè)content屬性，這個(gè)屬性是必需的，因?yàn)闆]有設(shè)置content時(shí)，偽元素不會顯示出來。然后，我們?yōu)閭卧卦O(shè)置了寬度、高度、border-bottom屬性，以及l(fā)eft和bottom屬性，讓它能夠在導(dǎo)航菜單下方形成一條橫線。

總之，在CSS中使用::after偽類來實(shí)現(xiàn)畫線的效果是一種比較簡單易用的方式，能夠快速優(yōu)化我們的頁面樣式。