文檔結構如下- <article>
|- <h1> or <h2> or <p> or ... # 第一個子節點,出現內容不確定
|- <h1> or <h2> or <p> or ... # 第二個子節點,不受第一個影響
|- <h1> or <h2> or <p> or ... # 同上如上面的代碼所示,由于 h1, h2, p 這些具有不同的 margin-top,我想將緊跟著的這些元素的 margin-top 都重置為 0,但同時不影響后面出現的這些 tag,應該用什么方法?
2 回答

Helenr
TA貢獻1780條經驗 獲得超4個贊
CSS2 也支持第一個子節點的選擇符:
article > h1, article > h2, article p { /* CSS here */}

白衣非少年
TA貢獻1155條經驗 獲得超0個贊
如果使用 css3 的話,可以用:
/* 選擇第一個子元素 */article h1:first-child{ margin-top:0; }
鑒于某知名瀏覽器(我也不知道哪個瀏覽器,呵呵)對 CSS3 不夠支持,可以使用大名鼎鼎的 jquery 來解決。
$("article h1:first-child").css("margin-top",0);
- 2 回答
- 0 關注
- 352 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消