CSS偽元素是CSS中一種特殊的選擇器,用于選擇元素的某一部分或者某個特定狀態,如hover或active狀態。常見的偽元素有:before和:after,它們允許在元素的指定位置插入內容。
p::before { content: "→ "; font-size: 20px; color: blue; }
上面的代碼通過::before偽元素,在每一個p元素的前面添加一個箭頭。其中,content屬性定義了要插入的內容,font-size屬性定義了字體的大小,color屬性定義了字體的顏色。
a::after { content: "(新窗口)"; color: red; }
上面的代碼通過::after偽元素,在每一個a元素的后面添加一個字符串“(新窗口)”。其中,content屬性定義了要插入的內容,color屬性定義了字體的顏色。
需要注意的是,偽元素是沒有真實的DOM節點的,它只存在于CSS中,因此不能通過JavaScript來操作偽元素。
除了::before和::after之外,常見的偽元素還有::first-letter和::first-line,分別用于選擇元素的第一個字母和第一行。除此之外,還有一些其它的偽元素,如::selection(用于選擇文本后的樣式)、::placeholder(用于輸入框中的占位符文字)等。
上一篇什么是css中的hack
下一篇什么是css3彈性盒子