0

重複の可能性:
CSS 親セレクターはありますか?
「bar を含む foo」の CSS セレクターは?

<li>ネストされた一連の順序付けられていないリストがあり、子を持つ親アイテムだけをスタイルできるようにしたいと考えています。html は次のようになります。

<ul>
    <li>item one</li>
    <li>item two</li>
    <li>item three
        <ul>
            <li>child item</li>
        </ul>
    </li
</ul>

背景画像、つまり「アイテム3」のみに追加できるようにしたい。これを行う最も簡単な方法は何ですか?

4

1 に答える 1

1

jQuery を使用して UL をループし、UL の子を持つ LI 要素を見つけます。そうかも?:

<style type="text/css">
    .newClass {
        background: #059;
    }
</style>

<script>

$(document).ready(function() {
    $('#mainUL li').each(function(i) {
        if ($(this).children('ul').length > 0) {
            $(this).addClass('newClass');
        }
    });
});

</script>

<ul id="mainUL">
    <li>item one</li>
    <li>item two</li>
    <li>item three
        <ul>
            <li>child item</li>
        </ul>
    </li>
</ul>
于 2012-06-18T14:56:38.570 に答える