Question

我只需要在ul中定位特定的li但是我不能添加一个类来解决我的问题。我想有一种使用Javascript的方法，但这将是我最后的选择。解释：

<div>
    <ul>
        <li>Start</li>
        <li>Previous</li>
        <li>>1</li> <!--need to target this-->
        <li>2</li> <!--need to target this-->
        <li>3</li> <!--need to target this-->
        <li--in future a new li will be generated--/li>
        <li>Next</li>
        <li>End</li>
    </ul>

这个例子只是一般的想法，因为我的jsFiddle包含更多信息，例如span和classes。 http://jsfiddle.net/8aW77/

注意：我找了special和advanced选择器，但我找不到适合我的情况。

Answer 1

最好为执行控制的元素分配类，例如“开始”，“上一页”，“下一页”和“结束”。当你这样做时，很容易设计其他元素的样式。

<ul>
    <li class="static">Start</li>
    <li class="static">Previous</li>
    <li>>1</li> <!--need to target this-->
    <li>2</li> <!--need to target this-->
    <li>3</li> <!--need to target this-->
    <li--in future a new li will be generated--/li>
    <li class="static">Next</li>
    <li class="static">End</li>
</ul>

因此CSS看起来像：

UL LI {
    color: green;
}
UL LI.static {
    color: red;
}

这将是最直接的解决方案。但是，如果你不能将这些类添加到“静态”LI标签，但是你知道DOM结构看起来相同，那么使用这样的CSS：

UL LI {
    color: green;
}
UL LI:first-child,
UL LI:nth-child(2),
UL LI:nth-last-child(2),
UL LI:last-child {
    color: red;
}

专门针对生成的分页

1 个答案: