1

私はそのようないくつかのマークアップを持っています：

<li>
  <span>
    <div>
      <a href="#" class="anchor menu-active">Afghanistan</a>
      <div class="container menu-visible"></div>
    </div>
   </span>
   <span>
      <div>
        <a href="#" class="anchor">Kabul(AFT)</a>
        <div></div>
      </div>
  </span>
</li>

anchorの観点から、クラスの最後の要素を選択したいと思いますli。その結果、<a href="#" class="anchor">Kabul(AFT)</a>を選択する必要があります。anchor内のこのクラスには、任意の数の要素が存在する可能性がありますli。

私はこのセレクターを思いついた：li .anchor:last-of-type、しかしそれはそこで両方の要素を選択する。

anchorクラスの最後の要素を選択するにはどうすればよいですか？

4

2 に答える 2

0

リストされているアイテムが表示されません。すべてのアイテムを同じliに入れているようです。

サブリストを作成してみませんか：

<li>
  <a href="#">Afghanistan</a>
  <ul>
    <li>
      <a href="#">Kaboul(AFT)</a>
    </li>
   </ul>
</li>

セレクターの最後を取得しようとしている場合は、last-childを使用します。特定のクラスで最後の要素を取得しようとしている場合は、

.anchor：last-of-type {}

正しい選択です。

この投稿もあります。

于 2012-05-09T04:08:37.840 に答える
0

クリーンなCSSセレクターベースのソリューションを使用することは不可能だったため、JavaScriptを使用して問題を回避することになりました。

当初の計画は、最後のもの.anchorを取得し、それとx座標を取得しyて、オーバーレイの座標のセットを計算することでした。

解決策は、親の座標を取得し、そのli高さを取得してから、計算を行うことでした。

CSSセレクターほどきれいではありませんが、機能します。

于 2012-05-09T06:45:40.000 に答える