Почему не работает наследование в css?

Question

[Павел]

не пойму как применить код только к тому инпуту который под 601

если пишу так

.bazaULWrap > ul > li > ul > li .expdate{
    border: 2px dashed #ff00ff;
}

то применяет всем потомкам
если вот так

.bazaULWrap > ul > li > ul > li > .expdate{
    border: 2px dashed #ff00ff;
}

то не работает код вообще , что я делаю не так?

Comments

[Сергей delphinpro]

Ну вы же не всю цепочку задали.

.bazaULWrap > ul > li > ul > li >.item > form > .expdate{
    border: 2px dashed #ff00ff;
}

Откровенно говоря, это ужаснейший говнокод.
Нужно озадачить программиста, чтобы он расставил нужные классы на разные уровни. И потом написать простой и понятный css.

[Павел]

Сергей delphinpro, к сожалению код генерируется из дерева БД , там бесконечное количество уровней вложенности
даже если в цикле давать классу имя item+$i , код от этого менее "говныным" не станет

p.s. это можно в ответ поставить

[xonar]

Павел,

li:nth-child(2) .expdate{
    border: 2px dashed #ff00ff;
}

Каждый элемент expdate же нужно бордером делать?

[xonar]

Павел, я не вижу варианта, кроме как дать элементу айди и по нему обратиться.

Answer 1

[dsl25]

У вас некорректная цепочка (отсутствует дочерний селектор .item)

.bazaULWrap > ul > li > ul > li > .item .expdate{
    border: 2px dashed #ff00ff;
}

Answer 2

[Денис Грибанов]

.bazaULWrap ul li ul li .expdate{
    border: 2px dashed #ff00ff;
}

Вам следует углубить свои знания в css, в частности, разобрать css-селекторы.

Comments

[Павел]

вам похоже тоже , потому что нечего не изменилось и код применился и дальше по дереву ))

[Денис Грибанов]

К сожалению, Вы не предоставили полный рабочий код, по которому можно было бы проанализировать всё дерево и создать правильный селектор.

Создайте пример на codepen и тогда всё станет ясно.

[Павел]

Денис Грибанов, https://codepen.io/mrusklon/pen/gNwJpa?editors=1100

Answer 3

[xonar]

https://codepen.io/anon/pen/EBgzZO

Что мешает обратиться сразу к классу .expdate ?
Пример в ссылке показал. Если я вас конечно правильно понял.

Comments

[Павел]

мне нужен только "второй" класс в дереве , не первый и не последующие за вторым , вот такая вот гнусная и редкая задача ))