CSS偽類是CSS中一種常見的選擇器,常常用于選擇一些特定狀態的元素,比如被點擊的超鏈接、鼠標懸停的元素或者輸入框中已經輸入的文字。下面介紹一些常見的CSS偽類:
:pseudo-class { property: value; }
:hover 偽類用于指定鼠標懸停在元素上時的樣式。
a:hover { color: red; }
:active 偽類用于指定被點擊的元素的樣式。
a:active { color: blue; }
:visited 偽類用于指定已經訪問過的鏈接的樣式。
a:visited { color: gray; }
:focus 偽類用于指定被聚焦的元素的樣式,比如輸入框。
input:focus { background-color: yellow; }
:first-child 偽類用于選擇元素的第一個子元素。
ul li:first-child { color: green; }
:last-child 偽類用于選擇元素的最后一個子元素。
ul li:last-child { color: purple; }
:nth-child(n) 偽類用于選擇元素的第n個子元素。
ul li:nth-child(3) { color: orange; }
以上就是一些常見的CSS偽類。它們可以幫助我們更精確地選擇元素,實現更加豐富的效果。
上一篇mysql日期英文
下一篇css偽類選擇符的狀態有