这里基本上是我试图做的事情。
http://jsfiddle.net/miiicheellee/aHwS8/151/
HTML：
<ul id="Navigation_T5C241A8C018_ctl00_ctl00_ctl03_ctl00_childNodesContainer">
<li><a href="" class="mainPage">1</a></div>
<li><a href="" class="mainPage">2</a></div>
<li><a href="" class="mainPage">3</a></div>
</ul>
CSS：
.mainPage:nth-of-type(2) a{
background: red;
}
<!-- how would I get this to work if the list items do NOT have an identification? --!>
我不能使用列表项的标识，因为我的网站上有一些复杂的ul和li，我知道这样可行。有没有其他方法可以使用我在jsfiddle上的方法来做到这一点？换句话说，请不要操纵HTML - 遗憾的是，我无法控制ID和类名。
答案 0 :(得分：5)
您需要将其应用于<li>的{{1}}
:nth-of-type(2)这会将规则应用于第二个li:nth-of-type(2) a{
background: red;
}
。你有它喜欢：
<li>使用它，选择不在同一.mainPage:nth-of-type(2) a{
background: red;
}
中的第二个.mainPage
JSFiddle Demo