Какие селекторы использовать?

Question

[Pirate14]

Я пишу html, используя обычно по одному классу на один логический блок сайта. Соответственно все дочерние элементы я выбираю селекторами типа: '.block>div:nth-child(2)>p:last-child'. В последнее время начал задуматься правильно ли использовать такие длинные селекторы, или лучше добавлять в html больше классов и искать по ним?

Comments

[Сергей delphinpro]

выбираю селекторами типа: '.block>div:nth-child(2)>p:last-child'

Аж глаз задергался...
Это полный пи...ец.

Answer 1

[Vadim Bogomazov]

'.block>div:nth-child(2)>p:last-child'. В последнее время начал задуматься правильно ли использовать такие длинные селекторы, или лучше добавлять в html больше классов и искать по ним?

Чаще всего нет, читай про бэм

Answer 2

[Robert-critical-thoughts]

Советую прочитать книгу Кит Грант: CSS для профи - там отлично описываются принципы каскадности, которые нужны. Т.к на большинство сайтов без слез нельзя смотреть. и плюс БЭМ ответом выше.

Answer 3

[WapSter]

Основная проблема верстки - изолирование стилей. Как ответили выше полностью устраняет эту проблему БЭМ и css in js

Answer 4

[Дмитрий]

Чем меньше каскада, тем лучше. В большинстве случаев.
https://habr.com/ru/post/256109/ - ссылка на статью, где описываются самые популярные CSS-методологии организации кода. Подходы разные, но изучив все, можно понять, в каких ситуациях как поступить.

Answer 5

[strelok011]

Никогда не используйте обращения напрямую к тегам. Нужно знать как работает браузер. Если Вы пишете селектор вида .text .link a то браузер берет все теги а и начинает их фильтровать справа на лево.