Плохой, зато свой: как написать по-настоящему ужасный CSS

[yea]

Почему-то в статье нет ссылки на оригинал: тыц.

Про .former-black-now-red-paragraph:

Чем длиннее будет селектор, тем выше его специфичность. Соответственно, это может привести к поломке каскада, и стили всего сайта будут испорчены.

Конечно, это неправда, и специфичность селектора не от его длины зависит, а от количества условий по id/классам/тегам.

А вот то же место из оригинала:

While the name may seem to convey some meaning, you very likely have broken a huge part of the class’s re-usability. Which, by the way, is the primary reason for having classes.

Now, if you wanted to style a regular red the paragraph, the previous name is just so specific, it wouldn’t make sense.

Там говорится про специфичность имени класса, а не селектора. Про то, что на новый параграф, который никогда не был черным, вешать такой класс будет странно. Ни слова про поломку каскада.

[skillbox]

Перевод дополнен, поскольку в оригинале не упоминаются многие важные вещи.

[yea]

Перевод дополнен, поскольку в оригинале слишком мало ошибок
Простите. Я толкую о том, что длинное имя класса никак не влияет на специфичность селектора и не может ломать каскады ни при каких условиях.

[skillbox]

Да, к этому моменту относится второй комментарий. Спасибо.

[skillbox]

Да, и абзац подкорректировали, спасибо.

[neurocore]

Про !important более точно можно было бы сказать, что этот модификатор портит принцип переопределения классов, применяя переопределение к отдельному свойству(-ам). Чем это плохо? Это создаёт неочевидное поведение при переопределении классов, особенно когда иерархия переопределения слишком сложна.

[neurocore]

«Я хочу использовать классы везде, это же так… классно!» С этим я не совсем согласен. Иногда полезно знать об элементах всю информацию, особенно когда разметка генерируется автоматически. Wordpress любит раскидывать классы на любой пшик. С другой стороны, в итоге мы обладает полной информацией. Конечно, впадать в крайности совсем не следует.

[neurocore]

«Зачем нужны комменты? Их пишут только джуниоры!» Этот пример плох, что он вообще не об этой проблеме. В приведённом коде везде разный стиль — вот настоящая проблема. А комментарии, комментарии в css-коде в подавляющем числе случаев избыточны (либо вы делаете что-то не так). Какой-то дикий хак, например можно пометить комментом, да (и это не является призывом к написанию диких хаков). Различия в браузерах порой вынуждают.

[namikiri]

Эта статья также является отличным примером того, как наиболее отвратительно публиковать код в статьях.