CSS可以按位置對(duì)元素進(jìn)行分類。這些位置包括:瀏覽器視窗內(nèi),容器(如div),父元素(如ul),同級(jí)元素,子元素等。
/* 選擇瀏覽器視窗內(nèi)的元素 */ selector { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } /* 選擇容器內(nèi)的元素 */ container selector { /* styles */ } /* 選擇父元素下的元素 */ parent >selector { /* styles */ } /* 選擇同級(jí)元素 */ selector + selector { /* styles */ } /* 選擇子元素 */ parent selector { /* styles */ }
瀏覽器視窗內(nèi)的元素可以使用position: fixed屬性來定位它們,通常用于創(chuàng)建固定導(dǎo)航欄或懸浮框。
選擇容器內(nèi)的元素可以使用包含選擇器(如.container selector),可以避免對(duì)整個(gè)頁面中具有相同類名的元素產(chǎn)生影響。
選擇父元素下的元素可以使用大于符號(hào)(>),可以篩選出直接子元素而不影響子元素的子元素。
選擇同級(jí)元素可以使用相鄰兄弟選擇器(+),選擇第一個(gè)元素后緊接著的同級(jí)元素。
選擇子元素可以使用空格,可以進(jìn)行多級(jí)的選擇。