在CSS中,通過選擇器來選取某些元素,并對這些元素應用樣式。CSS選擇器可以使用類和ID選擇器。
類選擇器以 '.' 開頭,后面是類名,可以給多個元素應用相同的樣式。例如:
.my-class { color: red; font-size: 16px; }
HTML中需要應用這個樣式的元素,需要添加class屬性,并設置為.my-class,比如:
<p class="my-class">這是一個段落</p> <button class="my-class">這是一個按鈕</button>
這樣就能讓這兩個元素共享相同的樣式了。
ID選擇器以 '#' 開頭,后面是ID名,可以應用唯一的樣式。例如:
#my-id { background-color: blue; padding: 10px; }
HTML中需要應用這個樣式的元素,需要添加id屬性,并設置為my-id,比如:
<div id="my-id">這是一個div元素</div>
需要注意的是,ID選擇器只能應用于一個元素,因為每個ID都應該是唯一的。
除了類和ID選擇器外,還有其他選擇器,如標簽選擇器、子選擇器、后代選擇器等。在實際開發中,需要根據具體情況選擇不同的選擇器,以達到最佳的開發效率和代碼可維護性。