Форум Сайтостроение Веб-строительство

Псевдокласс first-child не хочет применяться

yaushev
На сайте с 02.11.2012
Offline
27
yaushev
485

Код: 

<div id="cost-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false">

    <div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>

    <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a>

    <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%;"></a>

</div>

CSS: 

#cost-range:first-child a {

display:none !important;

}

пробовал и как: 

#cost-range a:first-child {

display:none !important;

}

Что нужно? Надо чтобы первая <a не отображалась. Т.е. указанная ниже. 

 <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a>
Chained
На сайте с 10.01.2013
Offline
92
Chained
#1

А так работает? 


#cost-range:nth-child(2) { 

display:none !important; 

}
yaushev
На сайте с 02.11.2012
Offline
27
yaushev
#2
Chained:
А так работает?

#cost-range:nth-child(2) { 
display:none !important; 
}

Нет с к сожалению.

---------- Добавлено 31.01.2014 в 17:40 ----------

Возможно нужно разъяснение - это слайдер, работающий на http://code.jquery.com/ui/1.10.3/jquery-ui.js

---------- Добавлено 31.01.2014 в 17:50 ----------

Решение найдено:

#cost-range a:nth-of-type(1){ 
display:none !important;  
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий