0

CSSで特定の要素の最後の出現を選択する方法はありますか?

これは例です:デモ

私は試しlast-childましたが、これは私が望むものではありません。私はこのクラスを使用しました：

HTML:

<ul>
    <li><span>test</span></li>
    <li>
        <span>test</span>
        <span>test</span>
    </li>
</ul>
<div>
    <span>test</span>
    <span>test</span>
</div>
<p>
    <span>test</span>
    <span>red</span>
</p>

CSS:

span:last-child{
    color:red;
    font-weight:bold;
}

span「赤」のコンテンツの最後を赤にしたい。どうすればcssでできますか?

更新:last-of-type同じ親を持つ要素 のソリューションがあります。しかし、別の親はどうですか？

4

1 に答える 1

7

これを試してください：（親ラッパー要素に注意する必要があります）

body > *:last-child > span:last-child{
    color: red;
}

働くフィドル

于 2013-09-24T16:47:08.543 に答える