5

次のような階層があるとします。

ul
    li
    li

ul 
    li
    li      <----- 
    li

でマークliされたli:nth-child(4)ものなどをターゲットにすることはできますか?

4

5 に答える 5

4

これは jQuery を使用して行うことができます。

ユーザーjQuery.eq();

この簡単な例 ( jsFiddle ) を試してください。

<!DOCTYPE html>
    <html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script type="text/javascript">
            $(function(){
                $("li:eq(6)").css("color", "red");
            });
        </script>
    </head>
    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>

        <ul>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
        </ul>   
    </body>
</html>
于 2013-06-11T09:13:01.687 に答える
0

これは世界的な秩序ではありません。これを使用できます：

ul:nth-of-type(2) li:nth-child(2){
    color:#F00;
}
于 2013-06-11T14:42:13.140 に答える
-1 
li:nth-last-of-type(2)

ソース: http://www.w3schools.com/cssref/css_selectors.asp

于 2013-06-11T09:43:47.860 に答える