0

私のHTML DOMを以下に示します。div (id=successor) の直接の兄弟であるすべての h3 要素のマージンとパディングを削除したいと考えています。これを実現するために、隣接する兄弟セレクター「+」を使用しました。しかし、期待される出力が得られません。私を助けてください。

<style type="text/css">
    div#successor {
       display: block;
   }
   div#successor+h3 {
      padding :0 !important;
      margin :0 !important;
      border: 1px solid red;
   }
</style>
<div id="access">
<div class="profile clearfix">
    <div id="successor" class="memeberDetails">
        <h3>Personal</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus dolor, vulputate iaculis erat ut, pulvinar commodo orci.Cras ac lorem a lectus luctus vestibulum. Suspendisse odio ligula, fringilla ut ultrices sed, aliquam nec ligula. Praesent porttitor,</p>
        <br />
        <h3>Training</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus dolor, vulputate iaculis erat ut, pulvinar commodo orci.</p>
        <br />
        <h3>Contact</h3>
        <p>Lorem ipsum dolor sit amet</p>

</div>
</div>
</div>
4

2 に答える 2

1

IMSoPが言ったよう#successorに、親であり、その直接の子を選択したいと考えています。使用したい場合があります:div#successor>h3 これが実際の例です: http://jsfiddle.net/Au4Vh/

于 2013-11-04T07:04:03.370 に答える