CSS選擇器是CSS語言中用來定位和描述HTML或XML文檔中特定元素的基礎(chǔ)結(jié)構(gòu)。CSS選擇器可以通過元素的名稱、ID或類名以及屬性等方式來選中頁面的特定元素。下面是一些我們熟悉的CSS選擇器:
1. 元素選擇器 語法:元素名 {屬性:值;} 示例:p {color: blue;} 2. ID選擇器 語法:#id名 {屬性:值;} 示例:#myText {color: red;} 3. 類選擇器 語法:.類名 {屬性:值;} 示例:.myClass {font-weight: bold;} 4. 后代選擇器 語法:父元素 子元素 {屬性:值;} 示例:ul li {list-style: none;} 5. 相鄰兄弟選擇器 語法:元素1 + 元素2 {屬性:值;} 示例:h2 + p {color: green;} 6. 通用選擇器 語法:* {屬性:值;} 示例:* {margin: 0;} 7. 屬性選擇器 語法:元素[屬性=值] {屬性:值;} 示例:input[type="text"] {border: 1px solid grey;}
以上是CSS中的一些基礎(chǔ)選擇器,還有很多高級選擇器,如偽類、偽元素等,可以按需使用。選擇器的合理使用可以使CSS代碼簡潔明了,調(diào)試起來也容易。