В чем преимущество создания класса, который просто плавает в любом направлении?

Question

Я вижу, что это делается на веб-сайтах (например: http://www.abookapart.com/):

.left {
  float: left;
}

<div class="col two left" />

Является ли приведенная выше хорошая практика? Я подумал, что вообще не одобряется создание классов, описывающих стиль. Если я хотел вышепозже, чтобы переместиться в div справа, мне нужно было бы перейти к разметке и изменить ее слева направо. Не лучше, чем добавить атрибут стиля к элементу, который может показаться.

Answer 1

Ты прав.По этой причине большинство разработчиков избегают имен классов, таких как «левый» или «синий».Кроме имени класса, я не вижу ничего плохого.Я бы включил этот float в класс «col», а затем просто переопределил бы его с «right», если это будет необходимо.

Answer 2

Я видел, как это становится полезным, когда несколько человек являются редакторами для одного веб-сайта, а вы не предоставляете им полный доступ к html.

Настраивая классы стилей, которые им разрешено использовать, вы можете разрешить им определенное количество стилей, не давая им возможности все испортить.

Answer 3

Это действительно зависит от личного / командного выбора.

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

если я увижу такой div:

<div class="clearfix left bordered">
...
</div>

Мне нравится тот факт, что его намерения четко подчеркнуты, и мне не придется погружаться в файл CSS, чтобы выяснить, что это значит.

Но, исходя из вашего примера выше, если вы пошли по более декларативному маршруту:

<div class="importantTextDiv">
...
</div>

С одной стороны, вы должны исследовать файл CSS, чтобы определить его свойства (или запустить его и проверить элемент в эквиваленте Firebug), но если вы решите изменить его, вам не нужно вносить изменения в исходный код. или измените то, что исходит от вашего языка на стороне сервера.

Для меня обе ситуации - это боль, но по моему опыту, изменение div между float: left и float: right - это та вещь, которую вы бы в конечном итоге завершили до окончательного развертывания.

Мой ответ? нет технической причины предпочитать один путь другому, выбирайте, какой из них удобнее!