html - CSS:如何引用div的第二个子类

Question

我的 html 代码是这样的。

<div id="slider-range" class="ui-slider">
    <div class="ui-slider-range" style="left: 0%; width: 100%;"></div>
    <a href="#" class="ui-slider-handle" style="left: 0%;"></a>
    <a href="#" class="ui-slider-handle" style="left: 100%;"></a>
</div>

我只想给<a href="#" class="ui-slider-handle" style="left: 0%;"></a>它的风格，但不是 <a href="#" class="ui-slider-handle" style="left: 100%;"></a> .因为我使用 JQuery UI 生成代码，所以我无法添加另一个类。我认为我不能使用“ui-slider-handle:last-child”，因为 IE 7 不支持它。我该怎么做？干杯。

Answer 1

您可以使用此代码:

$('a.ui-slider-handle:eq(0)').addClass('className')