Angenommen, ich habe eine hierararchy wie:Zielelement von Nth-Kind "global" target?
ul
li
li
ul
li
li <-----
li
Kann ich die markierten li
von li:nth-child(4)
oder etwas ähnlichen Ziel?
Angenommen, ich habe eine hierararchy wie:Zielelement von Nth-Kind "global" target?
ul
li
li
ul
li
li <-----
li
Kann ich die markierten li
von li:nth-child(4)
oder etwas ähnlichen Ziel?
du jQuery tun können.
Benutzer jQuery.eq();
Versuchen Sie dieses einfache Beispiel (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>
Mit reinem css, glaube ich nicht, dass es möglich ist, li
global auszuwählen. Sie müssen zuerst das Element ul
auswählen.
ul:last-child li:nth-child(2)
(Hier bin ich Targeting das zweite Element des letzten ul
).
Die Hauptsache Sie direkt mit der ersten Selektor für ul
dann Selektor für li
Nein, aber Sie können dies tun, verwenden müssen: wäre
ul:nth-child(2) li:nth-child(2){
color:#F00;
}
Was ich denke, das am nächsten zu dem, was Sie suchen.
hier ein demo
li:nth-last-of-type(2)
Das ist keine globale Ordnung. Sie könnten dies verwenden:
ul:nth-of-type(2) li:nth-child(2){
color:#F00;
}
Ich glaube, [SASS] (http://sass-lang.com/) gibt Ihnen diese Funktionalität. Aber ich bin nicht 100%. – Griffin