假设我有一个类似的层次结构:
ul
li
li
ul
li
li <-----
li
Run Code Online (Sandbox Code Playgroud)
我可以指定标记li
的li:nth-child(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>
Run Code Online (Sandbox Code Playgroud)