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

我的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>

---

我只想给

一个样式，但不想给

一个样式。因为我使用jQueryUI生成代码，所以我无法添加另一个类。我认为我不能使用“ui滑块句柄：最后一个孩子”，因为IE7不支持它。我该怎么做？干杯。

如果你有jQueryUI，我想你有jQuery，所以你可以使用它

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

---

.eq（x）

为您提供结果数组中的第

x+1

个元素。

如果您有jQueryUI，我假设您有jQuery，因此您可以使用它

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

---

.eq（x）

为您提供结果数组中的第

x+1

个元素。

如果您有jQueryUI，我假设您有jQuery，因此您可以使用它

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

---

.eq（x）

为您提供结果数组中的第

x+1

个元素。

如果您有jQueryUI，我假设您有jQuery，因此您可以使用它

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

---

.eq（x）

为您提供结果数组中的第

x+1

个元素。

您可以使用第n个子元素，但我不确定是否适用于IE 7。 我真的建议你放弃IE8及以上版本

样本：

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

---

您可以使用N个孩子，但我不确定是否适用于IE 7。 我真的建议你放弃IE8及以上版本

样本：

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

---

您可以使用N个孩子，但我不确定是否适用于IE 7。 我真的建议你放弃IE8及以上版本

样本：

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

---

您可以使用N个孩子，但我不确定是否适用于IE 7。 我真的建议你放弃IE8及以上版本

样本：

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

您可以使用以下代码：

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

您可以使用以下代码：

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

您可以使用以下代码：

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

您可以使用以下代码：

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

---

您可以使用第一种类型：

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

---

您可以使用第一种类型：

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

---

您可以使用第一种类型：

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

---

您可以使用第一种类型：

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