0

私はウェブサイト http://yournextleap.com/fresher-jobsを持って います HTML を持つ最後の div を見つけてください

<div data-recommendation="" data-id="3790" data-guidance="" data-bucket="jobs">
<div class="inn">
/* Some code*/
</div>
</div>

破線の下の境界線を持つ .inn とその親 div は動的に生成されます

私が欲しいもの：

  1. 最後の DIV .inn には、border: none; が必要です。
  2. 私が試したことのために：last-child
  3. JS や Jquery を使いたくない

メイン div のクラスを追加しました (一時的に削除しました)。今は<div> それがあっただけです

<div class="main">

それだけです、ここに私のcssがありました

.main:last-child .inn{
border: none;}

しかし、それは機能していません

4

2 に答える 2

2

これがあなたが持っていたと私が仮定しているものです：

    <div class="main">
        <div data-recommendation="" data-id="3790" data-guidance="" data-bucket="jobs">
            <div class="inn">
            /* Some code*/
            </div>
        </div>
    </div>

その場合は、次のものが必要です。

    .main div:last_child .inn {
        border:none;
    }
于 2012-05-07T06:43:02.100 に答える
1

ちょっと私はあなたのcssで次の変更をテストして行いました

div.hero-unit div.recommendation + div div:last-child div.inn {border:none !important;}

Firefox と Chrome で動作します。IE についても同じことをテストしています。これは IE 9 以降のブラウザーでのみ動作します。IE 7 と IE 8 は、この CSS セレクターをサポートしません。

ここでパターンを説明します。

  1. div.hero-unit親divを選択することです
  2. div.recommendation中の子を選択することですdiv.hero-unit
  3. + divすぐ次のdivを選択します
  4. div:last-childポイント3で選択したdiv内の最後の子を選択します
  5. div.innでプロパティborder:noneを設定する!importantと、他の境界線が適用されなくborder:noneなります!important。

それがすべての読書に役立つことを願っています..幸運を祈ります

于 2012-05-07T06:41:30.990 に答える