1

私は<ul> <li>構造を持っています、私がやりたいことは次のようなものです

.div ul:last-child li:last-child {border-bottom:1px etc}、

<li>そのため、最後のものから最後のものを選択します<ul>。

<div id="accord_wrapper">
        <div class="accordionButton"></div>
            <div class="accordionContent">
                <ul>
                    <li><a href="http://www.google.com">one</a></li>
                    <li><a href="http://www.yahoo.com">two</a></li>
                </ul>
        </div>          
        <div class="accordionButton">Button 2 Content</div>
        <div class="accordionContent"><ul>
                    <li><a href="http://www.google.com">one</a></li>
                    <li><a href="http://www.yahoo.com">two</a></li>
                </ul></div>
        <div class="accordionButton">Button 3 Content</div>
        <div class="accordionContent"><ul>
                    <li><a href="http://www.google.com">one</a></li>
                    <li><a href="http://www.yahh.com">two</a></li>
                </ul></div>
        <div class="accordionButton">Button 4 Content</div>
        <div class="accordionContent"><ul>
                    <li><a href="http://www.google.com">one</a></li>
                    <li><a href="http://www.stackoverflow.com">two</a></li>
                </ul></div>
    </div>
4

3 に答える 3

4

実際のコードでは、それぞれulがその親の最後で唯一の子ですdiv.accordionContent。そのため、セレクターによってすべてulが一致しています。

最後div.accordionContentはたまたま最上位要素の最後の子でもあるため、代わりにこれを行うことができるはずです。

#accord_wrapper .accordionContent:last-child ul li:last-child
于 2013-04-02T18:20:14.920 に答える