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

我的html代码就像。CSS：如何引用div的第二个子类

<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不支持它。我该怎么做？干杯。

来源

2013-12-15 Alex

如果你有jQueryUI的，我假设你有jQuery的，所以你可以去

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

.eq(x)给你结果数组中的x+1个元素。

来源

2013-12-15 21:51:28 Jerska

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

样品：

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

来源

2013-12-15 21:52:34

您可以使用此代码：

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

来源

2013-12-15 21:52:41 Max

你可以使用首个类型：

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

来源

2013-12-15 21:53:51 huda

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

回答

相关问题