css - CSS マッチ正規表現と最後の子

Question

すべての要素をクラスなどと一致させようとしてspan1, span2, span3, span4います。

次のコードを使用していますが、これらのクラスの最後の子と一致しません。

[class*="span"]:last-child{
    margin-left:0;
}

たとえば、私が持っている場合：

<div>
   <div class="span3"></div>
   <div class="span9"></div>
   <div class="clearfix"></div>
</div>

.span9ルールは要素に適用されません。

score 3 · Accepted Answer

last-child親の最後の子が何であれ動作します。あなたの例では、最後divを見て、そのクラスがclearfixであることがわかります-スパンを含むものではなく、一致しません。

最後に常に clearfixing を使用していて、最後から 2 番目の child のみをターゲットにしたい場合は、使用できます。

nth-last-child(2)

その名前が示すように、それが何であるかに関係なく、最後から 2 番目の要素をターゲットにします。JSFiddle で表示します。

常にdivs を使用している場合は、次のコードを使用して同じ効果を得ることができます。

nth-last-of-type(2)

これらのパターン (last-child、nth-last-child、および nth-last-of-type) のすべてに対する IE サポートは同じで、IE9 以降です。

もちろん、親内のどこにあるかに関係なく、すべてのスパン:last-childクラス divをターゲットにするビットを単純に取り除くことができます。

 [class*="span"]

1 に答える 1