CSS篇(006)-僞元素和僞類的區別

答案：

一、

• 僞元素使用 2 個冒號，常見的有：::before，::after，::first-line，::first-letter，::selection、::placeholder 等；
• 僞類使用1個冒號，常見的有：:hover，:link，:active，:target，:not()，:focus等。

二、

• 僞元素添加了一個頁面中沒有的元素（只是從視覺效果上添加了，不是在文檔樹中添加）；
• 僞類是給頁面中已經存在的元素添加一個類。

解析：

CSS 僞元素是添加到選擇器的關鍵字，去選擇元素的特定部分。它們能夠用於裝飾（:first-line，:first-letter）或將元素添加到標記中（與 content:...組合），而沒必要修改標記（:before，:after）。

• :first-line和:first-letter能夠用來修飾文字。
• 上面提到的.clearfix方法中，使用clear: both來添加不佔空間的元素。
• 使用:before和after展現提示中的三角箭頭。鼓勵關注點分離，由於三角被視爲樣式的一部分，而不是真正的 DOM。若是不使用額外的 HTML 元素，只用 CSS 樣式繪製三角形是不太可能的。

參與互動