CSS設計器是用來幫助開發人員設計網頁樣式的工具。其中的選擇器是非常重要的一部分,因為它可以選擇DOM中要應用樣式的元素。下面介紹幾種常見的選擇器。
1. 元素選擇器 將樣式應用到指定元素,例如: p { color: red; } 2. ID選擇器 使用ID屬性來選擇元素,但是ID必須是唯一的,例如: #logo { width: 200px; } 3. 類選擇器 使用class屬性來選擇元素,一個元素可以有多個class,例如: .error { color: #ff0000; } 4. 后代選擇器 選擇元素的后代節點,例如: div p { font-size: 16px; } 5. 子元素選擇器 選擇元素的直接子元素,例如: ul >li { list-style-type: none; }
以上是常見的一些選擇器,選擇器的組合也可以更復雜,例如使用空格隔開的后代選擇器可以組合出更具體的選擇器。在使用選擇器時,一定要注意選擇器的權重和優先級,避免樣式被覆蓋。