在CSS中，偽類和偽元素是指用來描述元素在特定狀態(tài)下的樣式的一種機(jī)制。偽類與偽元素通常通過冒號(hào)（:）來表示，它們可以為某個(gè)元素定義不同的樣式效果，從而創(chuàng)造出更加生動(dòng)、豐富的頁(yè)面效果。

偽類是針對(duì)元素當(dāng)前所處的狀態(tài)來定義樣式的。比如:hover、:active等，它們分別指的是元素被鼠標(biāo)懸停和元素被點(diǎn)擊時(shí)元素的狀態(tài)。如果我們要定義一個(gè)在元素被鼠標(biāo)懸停時(shí)改變背景顏色的特效，則可以通過以下代碼實(shí)現(xiàn)：

p:hover {
background-color: #ccc;
}

偽元素是CSS3新增的一種選擇器，它用來給某些元素添加額外的樣式效果，如插入一些特殊的內(nèi)容，這些內(nèi)容可以通過偽元素來創(chuàng)建。比如:before和:after等，它們分別可以在元素前面和后面插入內(nèi)容進(jìn)行樣式渲染。如果我們要為某一元素的開頭添加一個(gè)箭頭，則可以通過以下代碼實(shí)現(xiàn)：

p:before {
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #000;
}

需要注意的是，偽元素必須在content屬性的配合下使用，因?yàn)閭卧睾蛢?nèi)容是緊密關(guān)聯(lián)的。另外，偽元素可以被用來制作字體圖標(biāo)，比如把:before定義成某個(gè)圖標(biāo)字符，就可以實(shí)現(xiàn)以字體的形式顯示特殊圖標(biāo)的效果。