CSS獲取當(dāng)前元素可以通過(guò)偽類來(lái)實(shí)現(xiàn)。常見的偽類有:hover、:active、:focus等。這些偽類可以應(yīng)用于不同的元素,例如鏈接、按鈕等。
/* 鼠標(biāo)懸浮時(shí)改變文本顏色 */ a:hover { color: red; } /* 按鈕被按下時(shí)改變背景顏色 */ button:active { background-color: blue; } /* 獲取焦點(diǎn)時(shí)添加邊框 */ input:focus { border: 1px solid black; }
除了偽類,CSS還提供了一些屬性選擇器,可以用于選擇具有特定屬性的元素。例如:[name="username"] 可以選擇所有name屬性值為"username"的元素。
/* 選擇所有包含class="error"的元素 */ .error { color: red; } /* 選擇所有type屬性為"text"的input元素 */ input[type="text"] { border: 1px solid black; } /* 選擇所有href屬性包含"example.com"的鏈接 */ a[href*="example.com"] { text-decoration: none; }
以上是CSS獲取當(dāng)前元素的一些基本方法,開發(fā)者可以根據(jù)實(shí)際需要選擇合適的方法來(lái)實(shí)現(xiàn)對(duì)元素的樣式改變。