Зачем писать классы, если можно писать все напрямую?

Question

[neznaiaka]

Например, вот кусок кода:Есть заголовок с классом:

<h2 class="block-catalog__title-header">
Дорого, богато </h2>

Вопрос, зачем мне в стилях обращаться через класс, да и вообще писать этот класс, если я могу написать .block-catalog h2 т.е. обратиться непосредственно к заголовку в этом блоке?Тем более с less это очень удобно. Я вижу только один плюс, если тебе нужно будет использовать стили этого заголовка в другом заголовке, то просто нужно будет дописать соответствующий класс

Comments

[lUser L]

когда начнешь юзать жс поймешь

[neznaiaka]

Эмиль 🔥, содержательно. А если я не собираюсь обращаться к этому элементу в JS ? Я спрашивал как правильно обращаться в рамках html/css

[WapSter]

neznaiaka, ну будет у тебя на странице 100 h2 и как же ты обратишься к нужному, и в друг на другой странице тоже куча h2 и если ты там их начнёшь изменять, а эти изменения затронут первую страницу?

[SheikhRamil]

WapSter, он просто проэкт еще не делал

[neznaiaka]

WapSter, если есть родитель, через родителя, а хотя да, не ну можно там к только к четным или не четным h2 обращаться через родителя, но это костыли.Убедили обращаться через класс.Хотя если h2 один у родителя, то можно и через него.Но в любом случае, через классы удобней, хоть и чуть больше кода получается, зато потом тебе точно не придется его переписывать и добавлять класс.

[WapSter]

neznaiaka, пришел к тебе заказчик и такой, мне не нравиться, что тут заголовок хочу span. И вот тебе два разных телодвижения поправить в html, потом пойти поправить css. А потом ты ещё видишь, что у этого родителя уже есть какой-то span со своими стилями. Вот тебе в лучшем случае ещё третье не нужное действие. Ты добавил к span который был заголовком класс прописал к нему стили, но ничего почему-то не вышло, оказывается происходит наследование от просто span стилей. И теперь тебе нужно добавлять к просто span свой класс.

[Антон]

neznaiaka,

Я спрашивал как правильно обращаться в рамках html/css

НЕТ, вы в вопросе прямо спросили:

Зачем писать классы

и вам Эмиль 🔥 вполне резонно ответил

Answer 1

[Вова Дружаев]

Придёт сеошник - скажет "Отсюда h2 выкинуть" или "Отсюда h2 выкинуть выше" и правило .block-catalog h2 будет сиротой. Потому как плохая практика вешать стилевые правила на теги. Также и span в див превратится может и article тег в див обернется - а правила завязанные на тегах будут брошенными.

Никогда не рефакторил чужой css? Там столько заброшенного ))

Вторая причина - каскадность. "Вес" (специфичность) .block-catalog h2 больше чем .block-catalog__title-header и соответственно твой бэм подход может в один момент дать сбой. Потому как придется перебивать стили большей специфичностью - если вдруг не сможешь ниже нужного css правила дописать. На практике такое часто - у тебя нет доступа с нужному css и твой css раньше загружается