Почему такая CSS запись не работает?

Question

[Иван Будаков]

Следующая запись не работает, нужно выбрать 4-ый ul и второй дочерний элемент li, как это возможно реализовать? По возможности без применения JavaScript. Спасибо :)

.wrapper-filter .block-main-filter ul:nth-child(4) li:nth-child(2) label .radio__text:before,
.wrapper-filter .block-main-filter ul:nth-child(4) li:nth-child(2) label .radio__text:after {
    width: 68px;
    height: 40px;
    background: #696969;
    border-radius: 7.26556px;
}

Comments

[Lynn «Кофеман»]

Хтмл в студию. Лучше сразу на codepen

[Иван Будаков]

Lynn «Кофеман», Прошу прощения что на сайт ссылкой, просто там ситуация уже реализованная

https://omb-shop.com/catalogue Вот ссылка на страничку и тут же указаны эти свойства https://omb-shop.com/catalog/view/theme/default/st... в самом низу

[Ankhena]

Иван Будаков,

За такие селекторы нужно отрывать руки.

Да и в разметке у вас каша несусветная.
Дочерними элементами ul могут быть только li или он может быть пустой.
В у вас там внутри и параграфы и дивы и черти что.

Параграф внутрь label тоже нельзя вставлять.

Хромы могут попытаться понять что вы имели в виду, а браузеры попроще нарисуют совсем не то, что вы ожидали.

Имеет смысл сначала разобраться с валидатором, чтобы не было таких ошибок.

Потом разобраться с селекторами.

.wrapper-filter .block-main-filter - зачем указываете .wrapper-filter? У вас что, есть другой block-main-filter, у которого будут другие стили?
Для ul задайте классы. Станет еще легче, можно будет обойтись и без wrapper-filter и без block-main-filter

Пока этого хватит. Исправите - можете написать, если не разберетесь дальше.

Answer 1

[pereyaslavskiy]

У вас похоже
content: "";
не хватает

Comments

[Иван Будаков]

Это указано ранее, они уже есть на странице)

[Иван Будаков]

https://omb-shop.com/catalogue Вот ссылка на страничку и тут же указаны эти свойства https://omb-shop.com/catalog/view/theme/default/st... в самом низу