国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

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

瀏覽:92日期: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
相關文章:
主站蜘蛛池模板: 亚洲va中文字幕 | 在线成年人网站 | 在线视频一区二区三区在线播放 | 亚洲图片在线视频 | 三级黄色片在线免费观看 | 亚洲欧美日韩国产综合 | 国产精品系列在线 | 98国内自拍在线视频 | 99久久99久久久精品久久 | 久久久久亚洲精品影视 | 快色网站 | 大陆老头xxxxxhd | 高清视频一区 | 日本三级香港三级少妇 | 在线成人a毛片免费播放 | 欧美成人视 | 亚洲成人黄色网址 | 中文字幕日韩精品有码视频 | 在线看日韩| 久久香蕉国产线看观看式 | 欧美成人精品一区二区 | 真正免费一级毛片在线播放 | 国产一区二区在线播放 | 一区二区三区网站在线免费线观看 | 久久精品免观看国产成人 | 成年人黄色片 | 久久久久久久国产精品影院 | 亚洲图片在线视频 | 欧美日韩精品在线播放 | 九九九国产 | 精品国产午夜肉伦伦影院 | 日本b站一卡二卡乱码入口 日本s色大片在线观看 | 国产亚洲精品自在线观看 | 欧美13一14sexvideo欧 | 丝袜精品 欧美 亚洲 自拍 | 久久精品中文字幕有码日本 | 国产伦精一区二区三区 | 国产成人亚洲综合欧美一部 | 成人观看免费大片在线观看 | 久久久久久久久综合 | 欧美在线一级视频 |