Как лучше задать путь к элементу css?

Question

[carbanak01]

Уважаемые верстальщики, хотел спросить у вас, как лучше написать код css.
С помощью псевдоклассов?

<div class="elem">
<div><div>
<div><div>
</div>

.elem div:first-of-type{
//стили
}

Или добавить класс к элементу html?

<div class="elem">
<div сlass="first"><div>
<div><div>
</div>

.elem .first{
//стили
}

Answer 1

[Евгений]

Псевдоклассы в данных примерах не нужны, кроме того, подобные записи не приветствуются вообще, если можно сделать проще/иначе:

.elem div:first-of-type{
//стили
}

прочитайте про бэм-нейминг, html, css очень часто сейчас используют его, либо что-то подобное

Answer 2

[Дмитрий]

Исключительно при помощи осмысленных классов и никак иначе.
Псевдоклассы используются для других, специфических ситуаций.
Ознакомьтесь:
https://habr.com/ru/post/256109/
webmasters.teamdev.com/#architecture
https://medium.com/@stepanovv.ru/%D0%BF%D1%80%D0%B...

Comments

[carbanak01]

Спасибо за материал! Почитаю)

[Евгений]

carbanak01, пожалуйста, отметь все ответы как решения, т.к. они все по существу вопроса и корректные

Answer 3

[Alex]

Задайте себе такой вопрос:
Если этот элемент поменяет свою позицию, и станет скажем вторым, то стили всё равно должны применяться именно к нему или уже к другому элементу?
В первом случае — добавляйте класс. Только не first, а что-то более осмысленное. Во втором — используйте псевдоклассы

Comments

[carbanak01]

Допустим у меня элемент не поменяет свою позицию, использование псевдокласса будет правильным?
Не добавляя класса к html элементу я хоть его чуть облегчу

[WapSter]

carbanak01, чего? и каким образом ты его облегчишь? Верстальщики придумали методологии, как раз из-за селекторов, чтобы если что-то добавилось верстка не ехала. А если и поехала исправить можно было безболезненно.

[carbanak01]

WapSter, я про облегчение, просто сказал. Мне главное узнать: Допустим у меня элемент не поменяет свою позицию, использование псевдокласса будет правильным?

[WapSter]

carbanak01, скажем так, допустимо.

[carbanak01]

WapSter, благодарю)

[Alex]

carbanak01, Вы не правильно думаете. Задавайте себе именно тот вопрос и именно в той формулировке что я написал. Это нужно для того, чтобы вы для себя понимали: стили относятся к конкретному элементу или именно к первому. Не думайте "Это точно не изменится"! Думайте "Гипотетически, если это изменится, что тогда?"