Встроенные стили для одного-offs?

Изложение вашей проблемы выявляет еще один вопрос, который влияет на ваше решение: либо встраивать стиль, либо прятать его в большом файле CSS.

Вы знаете, что размещение соответствующих правил стилей в файле CSS - лучший выбор. Вы хотите поместить соответствующие правила стилей в файл CSS, но вас пугает задача управления файлом CSS.

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

Вам нужно разбить большой файл CSS на набор более управляемых файлов CSS.

Набором CSS-файлов гораздо легче управлять, если они имеют разумные названия и содержат правильно сгруппированные правила. Вы можете выбрать один CSS-файл для макета, один для типографики, один для цветов и, возможно, один на страницу для каждой страницы, которая существенно отличается.

Набор CSS-файлов проще для вас, один CSS-файл лучше с точки зрения производительности конечного пользователя.

Разрешить эти две противоречивые потребности очень просто: разрабатывайте с набором CSS-файлов и попросите процесс сборки объединить их в один (минимизированный!) CSS-файл.

Нет... никогда не делайте этого. Где бы вы ни думали, что это один раз, за углом скрывается два раза. Потом три. Потом четыре.

Потратьте лишние 60 секунд, чтобы сделать это правильно - вы, и все, кто последует за вами с обслуживанием, будут рады, что сделали это.

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

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

Кроме того, что произойдет, если вы решите, что вам нравится этот стиль, и захотите использовать его в других местах? Вам все равно придется добавить его в главный CSS-файл.

Для меня причина №1 всегда избегать встроенного стиля - это предсказуемость в больших проектах с участием нескольких дизайнеров / разработчиков.

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

Но если вы единственный, кто поддерживает этот проект ... вперед!

Я бы поместил его в класс, но определил бы класс во встроенном CSS на странице. Затем, если вам нужно расширить его для использования в другом месте, вы можете просто переместить класс в общий файл CSS.

Кроме того, я согласен с другим ответом, отмечая, что Firebug или аналогичный продукт может отследить, откуда берется конкретный элемент стиля, поэтому задаю вопрос: «Откуда это?» очевидное больше не является предметом особого внимания в моей книге. Это хорошо, когда это тривиально, но не стоит отказываться от других мер.

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

Аргумент «CSS - это то место, где я ищу стили» просто означает, что вы ленивы.

Аргумент, что кому-то понадобились бы часы, чтобы найти это, если бы он был встроен, а не в CSS, означает, что он не очень хороший веб-разработчик.

Аргумент, что кто-то другой захочет глобально изменить стиль, скажем, «

Я бы не стал ставить id, я бы поставил class и быстро нашел его позже, используя функцию поиска в редакторе.

Я бы класс это. Если однажды сайт унаследует кто-то еще, сделайте ему одолжение и оставайтесь последовательными. Кроме того, будет легче изменить, если однажды вы решите, что lower-alpha больше не работает для вас.

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

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

Это просто хорошая практика - использовать css/классы, и это обычно окупается.