Нормально ли так отслеживать элементы в css?

Question

[Umid]

Нормально ли так делать? Вроде бы читабельно.
Плюсы? Минусы?

Comments

[Евгений Вольф]

Нормально ли так делать?

как? :)

[Umid]

Евгений Вольф: Картинку смотрите.

[Евгений Вольф]

Umid: на картинке много всего, в т.ч.:
а) Отступы
б) Синтаксис написания очень похожий на результат работы CSS-обёрток (SASS, LESS, Stylus и т.д.)
в) Именование классов
г) Логика и так далее...
Что именно Вас интересует?

[Евгений Вольф]

ещё там ID'шники применяются (внезапно)

Answer 1

[Дмитрий Лузанов]

Нет, не нормально.
Тык

Answer 2

[Андрей Б.]

Лично мне не читабельно.
Если нужна видимость вложенности, используйте препроцессор.
По поводу длины селекторов, рекомендуется не более 3х(не считая псевдоселекторы/классы), для мелких проектов почему бы и нет.
Но лучше применять модульность и максимально изолировать блоки друг от друга, т.е. использовать например БЭМ именование.

Answer 3

[Nwton]

Если вы планируете всю жизнь прятать свой код от глаз других специалистов, то можете хоть справа на лева писать. Но даже в таком случае, вы должны понимать, что те правила, которыми сейчас руководствуются, составляя css, разрабатывались и подвергались критике на протяжении лет 15 и они наиболее оптимальны.

Answer 4

[pakrauce]

Для меня совсем нечитабельно

Answer 5

[kpa6uu]

Очень неплохо, гораздо читабельнее тупого списка правил.

Answer 6

[Егор Живагин]

Дружище, ты пытаешься препроцессор sass изобрести) Погугли и пользуйся, код чище в разы.
Писать стили в строчку - очень плохо. Ты просто запаришься их искать, а если ещё и флексбоксами верстать начнёшь... короче, постоянно придётся вправо-влево крутить скролл. Вложенность = sass или scss + BEM(ссылку на который кто-то кинул выше)

Answer 7

[whoisthere]

/*********************************/
.b-header {...}
.b-header .header__item {...}
.b-header .header__list {...}
/*********************************/

Табулируйте модификаторы, чтобы они были заметны и разделяйте их чем - нибудь. Например CSS коментами.
Остальное пускай идет по дефолту как обычно. Информация столбиком воспринимается лучше.