Supponiamo che io sono un hierararchy come:Possibile target elemento per nth-child "globalmente"?
ul
li
li
ul
li
li <-----
li
Posso indirizzare la marcata li da li:nth-child(4) o qualcosa di simile?
È possibile farlo utilizzando jQuery.
utente jQuery.eq();
Prova questo semplice esempio (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>
Con puro css, non penso che sia possibile selezionare li a livello globale. Devi prima selezionare l'elemento ul.
ul:last-child li:nth-child(2)
(Qui sto il targeting il secondo elemento dello scorso ul).
La cosa principale è sufficiente utilizzare primo selettore per ul poi selettore per li
No, ma si può fare questo:
ul:nth-child(2) li:nth-child(2){
color:#F00;
}
Che credo sarebbe il più vicino a quello che stai cercando.
Ecco un demo
li:nth-last-of-type(2)
Il c'è ordine globale. Puoi usare questo:
ul:nth-of-type(2) li:nth-child(2){
color:#F00;
}
Credo che [SASS] (http://sass-lang.com/) ti dia questa funzionalità. Ma io non sono al 100%. – Griffin