2012-09-28 60 views
0

我正在使用小節來確定我的頁面的不同部分。這些部分的底部邊距爲90px,但是當頁面中創建/放入ID爲'clients-full'的部分時,我希望出現在/之前/之上的任何部分的底部邊距爲0。這使用CSS選擇器/僞選擇器?如何設置<section>後跟另一個<section>?

目前,這一小段代碼的樣式爲ID爲'clients-full'的部分,但是可以顛倒,因此我可以將底部邊距爲0應用於之前的部分?

section + section#clients-full { 
    margin-top: -90px; // Negative margin to get around this problem...not ideal. 
} 
+0

你的方法是對的 – sandeep

+0

CSS中沒有僞選擇器,只有選擇器。 – BoltClock

回答

1

在CSS如當前所定義的實現,選擇器不能在僅在收到什麼來選擇取決於後隨之而來的元素,的方式來使用。那麼,選擇器linke :nth-last-child(...)從某種意義上來說是一個例外,但它們在這種情況下不起作用。

因此,更好的方法是通過如果需要的話(它沒有上邊距),也許是最後一節的設置對他們頂部緣,與第一部分處理作爲一個特殊的情況下,部分分開使用:last-ot-type (如果需要,在其上設置底部邊距)。然後,您可以輕鬆處理所描述的情況,只需使用#clients-full { margin-top: 0; }

+0

謝謝,是的,我曾想過這種方法,但只是想看看是否有可能使用CSS選擇器 – egr103

相關問題