Однострочные классы

Коллега просто добавил это к нашему проекту.

.numbered-list
{
    list-style-type: decimal;
}
.list-inside
{
    list-style-position: inside;
}

Я пропускаю что-то здесь или являюсь этим настолько же плохо как действующий CSS? Как я объясняю это своему коллеге?

Edit Perhaps my question is misunderstood. Shouldn't it be something like this instead?

.info-list
{
    list-style-type: decimal;
    list-style-position: inside;
}

Мнение, которое я пытаюсь высказать, имена классов просто представляют правило, которое они применяют. Таким образом, если вы хотите изменить представление списка, необходимо изменить HTML (или изменить CSS, таким образом, вы заканчиваете с именем класса, которое делает противоположность правила, которое это содержит).

Another edit Perhaps this will further help you understand my question.

Hello

.red
{
    color: red;
}

Теперь, вы хотите изменить текст, чтобы быть зелеными. Видеть проблему?

3
nl ja de
Downvoter, пожалуйста, объясните.
добавлено автор Stijn, источник
I' ve добавил дополнительную информацию.
добавлено автор Stijn, источник
Выглядит хорошо мне, хотя добавление начало = "1" избыточен.
добавлено автор Blazemonger, источник
Единственное "не необходимый" код, который я вижу, - то, что он использует 2 класса ни для чего, что он может использовать всего один и добавить оба style' s как это: .numbered-список {тип стиля списка: десятичное число; положение стиля списка: внутри;}
добавлено автор apero, источник

2 ответы

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

1
добавлено
Пожалуйста, посмотрите обновление вопроса.
добавлено автор Stijn, источник
В таком случае вы правы, имя класса должно быть связано с контекстом, это используется. Т.е..MyGreatList.MyHeadingText.DialogTitle.
добавлено автор Marcin Buciora, источник

статья подтверждает мои сомнения относительно этого стиля. Самый соответствующий пример - этот:

<div class="hyphenate"></div>

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

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)