CSS偽類是一種用于選擇文檔中特定元素的方法。偽類通常與選擇器一起使用,以指定應選擇哪些元素來應用樣式。
p:first-child { color: red; }
:first-child 偽類選擇器選擇p元素的第一個子元素,并將其文本顏色設置為紅色。
a:hover { text-decoration: underline; }
:hover 偽類選擇器為鼠標懸停在鏈接上時的狀態定義樣式。該代碼將鏈接的下劃線文本裝飾設置為 "下劃線"
input:checked + label { background-color: #ccc; }
+ 偽類選擇器選擇所選擇元素后的緊密兄弟。該代碼將在選中 單選按鈕時更改其相應的標簽的背景顏色
p:last-of-type { font-style: italic; }
:last-of-type 偽類選擇器選擇父級元素下的最后一個具有給定類型的元素,這里選擇最后一個p元素并將其字體樣式設置為斜體。
a:visited { color: purple; }
:visited 偽類選擇器選擇已訪問過的鏈接,可將其文本顏色設置為紫色。
這些是CSS偽類的一些例子,可以通過它們為元素應用基于動態狀態的樣式!
上一篇css超過一個高度滾動條
下一篇css選擇前面的兄弟節點