在網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常需要將一個(gè)元素與另一個(gè)元素進(jìn)行關(guān)聯(lián)，這就需要使用CSS來(lái)實(shí)現(xiàn)。下面我們來(lái)看一下如何使用CSS來(lái)關(guān)聯(lián)其他元素。

關(guān)聯(lián)父元素：
#child {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#parent {
position: relative;
}

上面的代碼就是將子元素absolute定位于父元素relative定位的左上角，這樣就可以實(shí)現(xiàn)父子關(guān)系的布局。

關(guān)聯(lián)同級(jí)元素：
.element1 + .element2 {
margin-left: 20px;
}

上面的代碼表示當(dāng)element1之后的第一個(gè)元素為element2時(shí)，element2將會(huì)向右移動(dòng)20px，這樣就可以讓兩個(gè)元素水平布局。

關(guān)聯(lián)子元素：
.parent .child {
font-size: 20px;
}

上面的代碼表示.parent元素下的所有.child元素都應(yīng)用了font-size: 20px，這樣就可以同時(shí)對(duì)多個(gè)元素進(jìn)行統(tǒng)一的樣式控制。

以上就是關(guān)于CSS如何關(guān)聯(lián)其他元素的簡(jiǎn)單介紹，希望對(duì)大家有所幫助。