文檔結(jié)構(gòu)如下- <article>
|- <h1> or <h2> or <p> or ... # 第一個(gè)子節(jié)點(diǎn)，出現(xiàn)內(nèi)容不確定
|- <h1> or <h2> or <p> or ... # 第二個(gè)子節(jié)點(diǎn)，不受第一個(gè)影響
|- <h1> or <h2> or <p> or ... # 同上如上面的代碼所示，由于 h1, h2, p 這些具有不同的 margin-top，我想將緊跟著的這些元素的 margin-top 都重置為 0，但同時(shí)不影響后面出現(xiàn)的這些 tag，應(yīng)該用什么方法？
2 回答
Helenr
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
CSS2 也支持第一個(gè)子節(jié)點(diǎn)的選擇符：
article > h1, article > h2, article p { /* CSS here */}
白衣非少年
TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊
如果使用 css3 的話，可以用：
/* 選擇第一個(gè)子元素 */article h1:first-child{ margin-top:0;
}鑒于某知名瀏覽器（我也不知道哪個(gè)瀏覽器，呵呵）對(duì) CSS3 不夠支持，可以使用大名鼎鼎的 jquery 來(lái)解決。
$("article h1:first-child").css("margin-top",0);添加回答
舉報(bào)
0/150
提交
取消