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

Сообщений: 3448 Регистрация: Май 2011

31 Января 2014 16:14

Код:

Код

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

Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.

Ni4ego_li4nogo

Сообщений: 68 Регистрация: Май 2011

31 Января 2014 16:47

Может и не сработать, надо весь код смотреть, попоробуйте

Код

#cost-range a:nth-child(1) {
display:none !important;
}
или


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

Алик Яушев

Сообщений: 3448 Регистрация: Май 2011

31 Января 2014 16:49

Удивительно, но сработало:

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

Спасибо.

Изменено: Алик Яушев - 31 Января 2014 16:52

Ni4ego_li4nogo

Сообщений: 68 Регистрация: Май 2011

31 Января 2014 17:26

Не удивительно, сейчас обЪясню, сам когда то не понемал почему не работает )

Код
: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> он пропускает, а уже нужный тег "а" тем более первый то, что нужно. Вот как то так ))

Новые темы	Объявления	Свободное общение
18:16 Ап выдачи Яндекса 8 апреля - есть движение, но интереснее что творится с AI-ответами Google 16:54 сео тренды 2026 - что щас вообще работает? 16:45 Куки теперь как бэкдор - через cookie можно управлять сайтом и не палиться 16:43 Ninja Forms дырявый - можно залить файл без авторизации и получить доступ к сайту 16:39 Как настроить robots.txt и sitemap, чтобы страницы нормально заходили в индекс 16:37 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 16:29 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта	18:17 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 18:06 Mixmasters - Exchange without AML and KYC 16:55 Русские народные сказки - оцените! 16:34 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 10:35 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 10:30 BestChange – обменивать электронную валюту можно быстро и выгодно 10:21 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси!	18:18 Список обновленных тем пуст... 18:06 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 16:42 А вы бегаете? 16:40 "Вымпелком" предложил белые списки для части абонентов - выборочный интернет вместо полного доступа 15:29 арбитражники 14:06 С юмором по жизни! 10:18 Добро пожаловать в цифровой мир...

Новые темы

Объявления

Свободное общение

18:16 Ап выдачи Яндекса 8 апреля - есть движение, но интереснее что творится с AI-ответами Google
16:54 сео тренды 2026 - что щас вообще работает?
16:45 Куки теперь как бэкдор - через cookie можно управлять сайтом и не палиться
16:43 Ninja Forms дырявый - можно залить файл без авторизации и получить доступ к сайту
16:39 Как настроить robots.txt и sitemap, чтобы страницы нормально заходили в индекс
16:37 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?
16:29 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта

18:17 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
18:06 Mixmasters - Exchange without AML and KYC
16:55 Русские народные сказки - оцените!
16:34 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика
10:35 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков
10:30 BestChange – обменивать электронную валюту можно быстро и выгодно
10:21 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси!

18:18 Список обновленных тем пуст...
18:06 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила
16:42 А вы бегаете?
16:40 "Вымпелком" предложил белые списки для части абонентов - выборочный интернет вместо полного доступа
15:29 арбитражники
14:06 С юмором по жизни!
10:18 Добро пожаловать в цифровой мир...