Псевдокласс first-child не хочет применяться
Страницы: 1
Псевдокласс first-child не хочет применяться, help
Код:
Код
<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>
Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.
Может и не сработать, надо весь код смотреть, попоробуйте 
Код
#cost-range a:nth-child(1) {
display:none !important;
}
или


#cost-range a:nth-of-type
(1) {
display:none !important;
}
   в зависимости какой параграф родителя, второй вариант должен сработать 100%
 
Удивительно, но сработало:

Код
#cost-range a:nth-of-type(1){ 
display:none !important;
}
Спасибо.
Изменено: Алик Яушев - 31 Января 2014 16:52
Не удивительно, сейчас обЪясню, сам когда то не понемал почему не работает )  
Код
:first-child
и 
:nth-child
это элемент одного родителя

 
т.е не зависимо будете добавлять тег а или р и так далее, он будет срабатывать как в вашем случае для 
Код
 <div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>

 
а вот если бы не было этого дива то ваш вариант сработал, но если конструкция как у вас <div> а потом два и более тегов "а", то необходимо употребить  :nth-of-type, т.е парагрф одного родителя тега "а" Получается <div> он пропускает, а уже нужный тег "а" тем более первый то, что нужно. Вот как то так ))
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
18:05 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту 
17:57 перейдите на этот сайт maxtopsmm 
17:54 Телега на ручнике: РКН включил замедление и логи админок покраснели 
17:20 Яндекс туда же: "Нейро" отжал 50% первого экрана. Органический трафик падает 
16:53 Продвижение-2022: Гугл все? Нет – Гугл не все! 
16:45 Кнопки "скрыть" и "пожаловаться" в рекламе яндекса 
16:37 Трафик в минус, соцсети в топе - Завершено февральское обновление Google Discover 
23:18 GoodsMoney.io 
21:22 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
20:41 Курс по Продаже Ссылок в Буржнете !!! 
19:57 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
15:05 HH.ru Работадателя вериф 
14:49 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
11:46 AllCharge.online. Современный, быстрый и надёжный обменник 
21:04 Точные прогнозы на футбол 
17:59 Добро пожаловать в цифровой мир... 
17:15 Тройной агент Паша Дуров 
07:42 Помогите, пожалуйста... 
19:44 Как сайт помогает выбрать надежную финансовую компанию 
01:04 Вместо золота - RTX 5090: почему кремний стал валютой на свадьбах 
00:39 Смотри, птичка! Трамп вскрывает папки про НЛО