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')

Answer 2

如果你有jQueryUI，我假设你有jQuery，所以你可以选择

$('.ui-slider-handle').eq(0).addClass('my_beautiful_css_class')

.eq(x)为您提供结果数组中的x+1元素。

Answer 3

您可以使用nth-child，但我不确定是否适用于IE 7。我真的建议你放弃IE 8及以上版本。

样品：

.ui-slider-range:nth-child(2n+1)

Answer 4

您可以使用第一种类型：

#slider-range a:first-of-type {}

CSS：如何引用div的第二个子类

4 个答案: