久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

css - 如何給html節(jié)點內(nèi)的第一個子節(jié)點定義樣式

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

問題描述

文檔結(jié)構(gòu)如下

- <article> |- <h1> or <h2> or <p> or ... # 第一個子節(jié)點,出現(xiàn)內(nèi)容不確定 |- <h1> or <h2> or <p> or ... # 第二個子節(jié)點,不受第一個影響 |- <h1> or <h2> or <p> or ... # 同上

如上面的代碼所示,由于 h1, h2, p 這些具有不同的 margin-top,我想將緊跟著的這些元素的 margin-top 都重置為 0,但同時不影響后面出現(xiàn)的這些 tag,應(yīng)該用什么方法?

更新:附上使用 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 也支持第一個子節(jié)點的選擇符:

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

參考:

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

標(biāo)簽: HTML
相關(guān)文章:
主站蜘蛛池模板: 松桃| 星子县| 高密市| 石城县| 孟州市| 鸡泽县| 古蔺县| 琼结县| 彭水| 克拉玛依市| 全南县| 古浪县| 剑河县| 额济纳旗| 永吉县| 简阳市| 江源县| 阿拉善盟| 白银市| 连平县| 健康| 康平县| 孝义市| 岳普湖县| 黑龙江省| 鹤岗市| 拉萨市| 资源县| 肃宁县| 赤峰市| 渑池县| 海伦市| 浮梁县| 雷波县| 昌宁县| 南华县| 淳化县| 工布江达县| 怀仁县| 平潭县| 威宁|