CSS相鄰兄弟選擇器

時間 2019-12-09

標籤 css 相鄰兄弟選擇器欄目 CSS 简体版

原文原文鏈接

css相鄰兄弟選擇器：可選擇緊接在另外一元素後面的元素，且兩者有相同的父元素。css

　　例如：若是要增長緊接在h1元素後出現的段落的上邊距：spa

　　　　h1 + p { margin-top:50px;}

　　與「+」選擇器很是容易混淆的是「~」選擇器：該選擇器的做用是查找某一個指定元素後面的全部兄弟節點。code

具體例子以下：blog

HTML：
<body>
    <div class="box">
        <h1>標題</h1>
        <p class="p1">段落一的文字</p>
        <p class="p2">段落二的文字</p>
        <p class="p3">段落三的文字</p>
        <p class="p4">段落四的文字</p>
    </div>
</body>