第一單元是CSS的基礎知識單元,其中涉及到了CSS的選擇器:
CSS選擇器可以根據不同的規則來選擇HTML中的元素,從而實現頁面樣式的設計。常見的CSS選擇器包括: - 標簽選擇器 - 類選擇器 - ID選擇器 - 屬性選擇器 - 后代選擇器 - 子元素選擇器 - 相鄰兄弟選擇器 - 通用選擇器
標簽選擇器是最基本的選擇器,根據HTML標簽名選取元素。例如,以下樣式規則會將所有p元素的字體顏色設置為紅色:
p { color: red; }
類選擇器則根據元素的class屬性來進行選擇,使用"."加上class名稱的方式。例如:
.error { border: 1px solid red; }
使用ID選擇器可以根據元素的id屬性進行選擇,使用"#"加上id名稱的方式。例如:
#main { width: 80%; }
屬性選擇器則可以根據元素的屬性來選擇,包括屬性名、屬性值等方式。例如:
a[] { color: blue; }
后代選擇器、子元素選擇器和相鄰兄弟選擇器則可以實現更加精細的元素選擇,如:
div p { font-size: 18px; } ul >li { font-weight: bold; } h1 + p { margin-top: 20px; }
最后還有通用選擇器,可以選擇HTML文檔中的所有元素:
* { box-sizing: border-box; }
以上是CSS選擇器的一些基本用法,可以通過不同的選擇器實現不同程度的元素選擇和樣式設置。