1

私の構造は次のようになります。

<div style="">                                                                                       
<ul>      
  <h1>Some text</h1>
  <div class="border">
     <li><a href="#">Some text</a></li>
  </div>
</ul>

<ul>      
  <h1>Some text</h1>
  <div class="border">
     <li><a href="#">Some text</a></li>
  </div>
</ul>
</div>

div.border:last-child を選択したいのですが、css ファイルに書き込むときに

//css-file//
.border:last-child: solid 1px black;
//or//
div .border:last-child: solid 1px black;
//or//
div ul .border:last-child: solid 1px black;

問題は、私の疑似クラスです。last-child は無視されます。境界クラスを持つすべての div がスタイル設定され、最後の子だけが境界線を取得する必要があります。

ここに例があります： http://jsfiddle.net/H3uKp/

私はグーグルクロームを使用しています

4

2 に答える 2

0

実際、これを行う別の方法は次のようになります

<div style="">                                                                                       
<ul>      
  <h1>Some text</h1>
     <li><a href="#">Some text</a></li>
    <h1>Some text</h1>
     <li><a href="#">Some text</a></li>
</ul>

そして、スタイリングを追加するだけです

   li {
    border: 1px solid black;
}
    li:last-child {
        border: none;
    }

これを jsFiddle でテストしたところ、問題なく動作しました。

于 2013-04-24T09:56:49.907 に答える