CSS選擇器的命名

在CSS中，選擇器是決定網頁元素如何被樣式化的關鍵。
選擇器的命名要簡單、清晰、易懂，同時也需要具有語義化。
以下是一些常用的CSS選擇器名字：
1. 標簽選擇器：使用HTML元素名稱作為選擇器，如p、h1、div等。
2. 類選擇器：用一個點（.）開頭，后面緊跟著類名，如.class_name。
3. ID選擇器：用#開頭，后面緊跟著ID名稱，如#id_name。
4. 組合選擇器：用多種選擇器一起使用，可以有效地縮小樣式作用的范圍。
例如，div .class_name 選擇器可以讓樣式僅作用于特定的 div 內部元素。
5. 子選擇器：使用“>”符號，可以選擇某個元素的直接子元素。
例如，ul >li 可以選擇ul下的所有 li 元素。
6. 相鄰兄弟選擇器：使用“+”符號，選擇緊接在某個元素之后的第一個兄弟元素。
例如，p + span 可以選擇緊接在p標簽后面的第一個span元素。
7. 通用選擇器：用“*”表示選擇所有元素。
需要注意的是，選擇器名稱不區分大小寫。
總體來說，選擇器的命名規范可以提高代碼的可讀性和可維護性，為樣式統一提供了一些規范化的規則。