CSS標(biāo)準(zhǔn)選擇器是在HTML中選中一個(gè)或多個(gè)元素的方式。在HTML中,每個(gè)元素都有一個(gè)或多個(gè)class或ID,在CSS中使用這些class和ID來(lái)確定樣式應(yīng)適用于哪些元素。
/* 選中class為container的所有元素 */ .container { margin: 0 auto; width: 80%; } /* 選中ID為header的元素 */ #header { background-color: #333; color: #fff; } /* 選中具有多個(gè)class的元素 */ .container.content { font-size: 18px; color: #555; }
CSS還有一些其他的標(biāo)準(zhǔn)選擇器,例如:子選擇器(選擇特定元素的子元素)、相鄰兄弟選擇器(選擇與指定元素緊接在一起的兄弟元素)、通用選擇器(選中所有元素)等。
/* 子選擇器:選中class為container內(nèi)的所有p元素 */ .container > p { margin-bottom: 10px; } /* 相鄰兄弟選擇器:選中ID為header之后緊接著的div元素 */ #header + div { padding-top: 10px; } /* 通用選擇器:選中所有元素 */ * { box-sizing: border-box; }
標(biāo)準(zhǔn)選擇器允許你更容易地選擇特定的HTML元素,并應(yīng)用相應(yīng)的樣式。盡管有些情況下存在多種方法可以選擇同一個(gè)元素,但是選擇器沒(méi)有對(duì)正確和錯(cuò)誤做出明確的判斷,您必須確保選中所需的所有元素,并且應(yīng)用的樣式與您想要的效果一致。