Załóżmy, że mam hierararchy jak:Możliwe do kierowania elementu przez n-dziecko "globalnie"?
ul
li
li
ul
li
li <-----
li
Czy mogę kierować zaznaczona li
przez li:nth-child(4)
lub coś podobnego?
Załóżmy, że mam hierararchy jak:Możliwe do kierowania elementu przez n-dziecko "globalnie"?
ul
li
li
ul
li
li <-----
li
Czy mogę kierować zaznaczona li
przez li:nth-child(4)
lub coś podobnego?
Można to zrobić za pomocą jQuery.
użytkownika jQuery.eq();
Spróbuj prosty przykład (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>
Z czystym CSS, nie sądzę, że można wybrać globalnie li
. Najpierw musisz wybrać element ul
.
ul:last-child li:nth-child(2)
(Oto jestem kierowania drugi element ostatniego ul
).
Główną rzeczą, którą po prostu trzeba użyć pierwszego wyboru dla ul
następnie wybieraka dla li
Nie, ale można to zrobić:
ul:nth-child(2) li:nth-child(2){
color:#F00;
}
co moim zdaniem byłoby najbliżej tego, czego szukasz.
Oto demo
li:nth-last-of-type(2)
ma globalny porządek. Możesz użyć tego:
ul:nth-of-type(2) li:nth-child(2){
color:#F00;
}
Wierzę, że [SASS] (http://sass-lang.com/) oferuje tę funkcję. Ale nie jestem w 100%. – Griffin