CSS: как ссылаться на второй дочерний класс div

Question

CSS: как ссылаться на второй дочерний класс div

0

Мой 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 его не поддерживает. Как мне это сделать? Приветствия.

Alex 15 дек. 2013, в 23:17

Источник

Теги:

html

css

jquery-ui

4 ответа

2

Вы можете использовать этот код:

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

Max 15 дек. 2013, в 20:05

0

Вы можете использовать nth-child, но я не уверен, что работает для IE 7. Я действительно рекомендую отказаться от IE 8 и выше.

Образец:

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

Pedro Moreira 15 дек. 2013, в 19:31

0

Вы можете использовать первый тип:

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

huda 15 дек. 2013, в 19:10

Ещё вопросы

Jerska · Accepted Answer · 2013-12-15T19-03-00.000Z

Если у вас есть jQueryUI, я предполагаю, что у вас есть jQuery, так что вы можете пойти с

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

.eq(x) дает вам x+1 й элемент в массиве результатов.