CSS3中有許多偽類可以用于樣式的選擇和修改，今天我們來介紹一種非常實用的偽類——右三角（:after）。通過使用這個偽類，我們可以為元素添加一個帶有右箭頭的樣式，非常適合用于一些菜單或者列表的制作。

.right-triangle{
position:relative;
color:#fff;
background-color:#333;
padding:10px;
}
.right-triangle:after{
content:'';
position:absolute;
top:50%;
right:0;
margin-top:-5px;
border-top:5px solid transparent;
border-right:5px solid #fff;
border-bottom:5px solid transparent;
}

在上面的代碼中，我們首先定義了一個類名為right-triangle的元素，在CSS中，我們為它定義了一些基礎的樣式，例如背景顏色、字體顏色以及內邊距等。接下來，我們使用了右三角的偽類（:after），并為它設置了content屬性，這個屬性必須設置，否則偽類不會生效。偽類的展示位置根據元素的position屬性而定，我們在這里設置了position:relative，因此偽類的位置是相對于這個元素的。接著，我們設置了偽類的位置（top:50%;right:0;），以及邊框的樣式，通過調整邊框的大小和寬度，就能實現一個漂亮的右三角效果。

需要注意的是，在一些老的瀏覽器中，右三角的偽類可能需要使用hack來進行支持，例如加入IE6-8的expressiom、*display:inline等hack代碼，建議在實際使用時進行測試和兼容處理。