在CSS中,我們經(jīng)常聽到偽類和偽對象這兩個概念。雖然它們的名稱很相似,但是它們的用途和特點卻不盡相同。
偽類:用來描述元素在特定狀態(tài)下的樣式。例如:hover表示鼠標(biāo)懸浮在元素上時的樣式。還有如:active(元素被激活狀態(tài)下的樣式)、focus(元素獲得焦點時的樣式)、checked(被選中的元素的樣式)、first-child(元素的第一個子元素的樣式)等等。偽類用來描述元素在特定狀態(tài)下的樣式。
偽對象:用來設(shè)置元素中某個部分的樣式。例如:::before在元素內(nèi)容之前添加一個偽元素,可以利用它來在元素前顯示一些特定的內(nèi)容,如按鈕前面的三角形。還有如:::after(在元素內(nèi)容之后添加一個偽元素)、::first-letter(設(shè)置元素內(nèi)容中首字母的樣式)、::first-line(設(shè)置元素中第一行文本的樣式)等等。偽對象用來設(shè)置元素中某個部分的樣式。
總的來說,偽類和偽對象都是用來為元素設(shè)置特殊的樣式。但是它們的側(cè)重點不同,偽類注重元素的狀態(tài),偽對象則注重元素中某個部分的樣式。