1. ホーム
  2. 質問と答え
  3. nth-childで要素を「グローバルに」ターゲティングすることは可能ですか？

nth-childで要素を「グローバルに」ターゲティングすることは可能ですか？

2013-06-11 7 views

答えて

2

です。

ユーザー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-11 09:13:01

0

純粋なCSSでは、liをグローバルに選択することはできません。最初にul要素を選択する必要があります。

ul:last-child li:nth-child(2)

（ここで私は、最後のulの2番目の要素をターゲットにしています）。

あなただけli

JS Fiddle

出典

2013-06-11 09:04:52 Sachin

2

ないため、その後ulセレクタのための第1のセレクタを使用する必要がある主なものが、あなたはこれを行うことができます：私は思う

ul:nth-child(2) li:nth-child(2){ 
    color:#F00; 
}

は次のようになりあなたが探しているものに最も近い。

は、ここであなたはjQueryのを使用してこれを行うことができますdemo

出典

2013-06-11 09:06:35 George

0

ザ・はグローバルな順序ではありません。

ul:nth-of-type(2) li:nth-child(2){ 
    color:#F00; 
}

出典

2013-06-11 14:42:13 Gimmy

関連する問題

 関連する問題