av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - 如何給html節點內的第一個子節點定義樣式

瀏覽:95日期:2023-08-09 17:26:00

問題描述

文檔結構如下

- <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,應該用什么方法?

更新:附上使用 first-child 后的效果:http://jsfiddle.net/Ygdfc/1/

問題解答

回答1:

如果使用 css3 的話,可以用:

/* 選擇第一個子元素 */article h1:first-child{ margin-top:0;}

鑒于某知名瀏覽器(我也不知道哪個瀏覽器,呵呵)對 CSS3 不夠支持,可以使用大名鼎鼎的 jquery 來解決。

$('article h1:first-child').css('margin-top',0);回答2:

CSS2 也支持第一個子節點的選擇符:

article > h1, article > h2, article p { /* CSS here */}

參考:

http://www.w3.org/TR/CSS2/selector.html#child-selectors

標簽: HTML
相關文章:
主站蜘蛛池模板: 久久国产精品-久久精品 | 黄色片在线 | 成人av播放 | 亚洲精品视频一区 | 最新日韩在线 | 中文字幕精品一区二区三区精品 | 中文字幕精品一区二区三区精品 | 欧美三级网站 | 女人精96xxx免费网站p | 国产欧美日韩在线观看 | 久久国产精品99久久久久久丝袜 | 91精品中文字幕一区二区三区 | 亚洲欧美中文日韩在线v日本 | 亚洲天堂中文字幕 | 亚洲视频一区在线观看 | 国产特级毛片 | 美女视频h| 日韩中文字幕在线 | 免费av毛片 | 久久r免费视频 | 久久一及片 | 久久精品综合网 | 狠狠影院| 国产精品1区 | 免费成人高清在线视频 | 日韩免费一区二区 | 国产成人精品免高潮在线观看 | 国产三级精品三级在线观看四季网 | 国产在线小视频 | 欧美色影院 | 午夜欧美一区二区三区在线播放 | 激情 婷婷 | 精品九九在线 | 久久精品国产一区二区电影 | 日日夜夜免费精品视频 | 日本精品一区二区三区四区 | 久久影音先锋 | 亚洲午夜视频 | 亚洲午夜小视频 | 亚洲欧美国产一区二区三区 | 久久99精品久久久久久秒播九色 |