CSS動(dòng)力選擇器是CSS選擇器的一種，它可以根據(jù)元素的狀態(tài)或者用戶操作的反饋來(lái)選擇元素，使網(wǎng)頁(yè)實(shí)現(xiàn)更加生動(dòng)、有趣的效果。

/* :hover偽類選擇器 */
a:hover {
color: red;
}
/* :focus偽類選擇器 */
input:focus {
box-shadow: 0px 0px 5px blue;
}
/* :active偽類選擇器 */
button:active {
background: green;
}
/* :checked偽類選擇器 */
input[type="checkbox"]:checked {
background: yellow;
}
/* ::before和::after偽元素選擇器 */
p::before {
content: ">>";
}
p::after {
content: "<<";
}
/* [attr^="value"], [attr$="value"], [attr*="value"]屬性選擇器 */
a[href^="https"] {
color: green;
}
a[href$=".pdf"] {
color: red;
}
input[type="text"][name*="email"] {
border-color: blue;
}

:hover偽類選擇器可以實(shí)現(xiàn)鼠標(biāo)滑過(guò)元素時(shí)的效果，如改變文本的顏色。:focus偽類選擇器可以實(shí)現(xiàn)元素獲得焦點(diǎn)時(shí)的效果，如添加陰影等。:active偽類選擇器可以實(shí)現(xiàn)元素被點(diǎn)擊時(shí)的效果，如改變背景顏色。:checked偽類選擇器可以實(shí)現(xiàn)表單元素被選中時(shí)的效果，如改變背景顏色。::before和::after偽元素選擇器可以在元素前后添加內(nèi)容，如箭頭。

[attr^="value"], [attr$="value"], [attr*="value"]屬性選擇器可以選擇具有特定屬性值的元素，如選擇以https開頭的鏈接文本，選擇以.pdf結(jié)尾的鏈接等。

以上就是CSS動(dòng)力選擇器的一些常見用法，希望能夠幫助你更好地掌握CSS選擇器。