在CSS中,選擇器可以有多個條件。例如,使用并列條件時,選擇器將僅匹配同時滿足所有條件的元素。
/* 選擇同時有類名為 "example" 和 "test" 的元素 */ .example.test { /* 樣式 */ }
在這個例子中,只有同時具有 "example" 和 "test" 兩個類名的元素才會被選擇。
在使用并列條件時,可以使用不同類型的選擇器,例如標簽選擇器、類選擇器或屬性選擇器。
/* 選擇同時為 div 元素和類名為 "example" 的元素 */ div.example { /* 樣式 */ }
在這個例子中,只有 div 標簽同時具有 "example" 類名的元素才會被選擇。
除了使用普通的并列條件,還可以使用偽類選擇器來進一步篩選元素。
/* 選擇同時為 a 元素和第一個子元素的 a 元素 */ a:first-child { /* 樣式 */ }
在這個例子中,只有 a 標簽是所屬元素的第一個子元素并且本身為 a 標簽的元素才會被選擇。
下一篇寫輪眼css