CSS選擇器中間有空格,代表的是層級關(guān)系。在一個選擇器中,如果有空格,那么就代表這個選擇器所選取的元素必須滿足這個層級關(guān)系。
/* 例:選擇div下的li標簽 */ div li { color: red; }
上面的代碼中,div和li之間有一個空格,表示要選擇的li標簽必須是在div元素下的。如果不加空格,則表示要選擇div和li標簽都滿足條件的元素。
這種選擇器非常實用,可以提高效率,避免對網(wǎng)頁元素的重復選擇。比如下面的例子:
/* 例:選取id為menu下的ul標簽中的li標簽 */ #menu ul li { font-weight: bold; }
上面的選擇器需要三個元素才能成立,而不是單單的li標簽。這樣能有效提高CSS樣式的效率,同時也為網(wǎng)頁的維護和開發(fā)帶來便利。
上一篇css隱藏超出的文本框
下一篇css選定幾個文字變色