точка
смысл этих языков (я предпочитаю, однако, фреймворки или расширения ) CSS заключается в том, чтобы включить ваш рабочий процесс в ваш CSS, экономя ваше время. Как?
Давайте представим, что у вас есть div с классом some-long-class-to-be-sure-what-it-does, и у этого div есть h3 child, p child, .some-other-class child и что-то еще (span child).
Теперь, если вы хотите стилизовать их все, вы должны сделать что-то вроде этого:
.some-long-class-to-be-sure-what-it-does { width: 120px; }
.some-long-class-to-be-sure-what-it-does h3 { font-size: 20px; }
.some-long-class-to-be-sure-what-it-does p { margin-bottom: 30px; }
.some-long-class-to-be-sure-what-it-does .some-other-class { width: 120px; }
, чтобы сообщить браузеру только (т.е.) h3 из .some-long-class-to-be-sure-what-it-does имеет font-size: 20px;.
с большинством этих парсеров / фреймворков у вас есть (пока только пример) вложение:
.some-long-class-to-be-sure-what-it-does {
width: 120px;
@ h3 { font-size: 20px; }
@ p {
margin-bottom: 30px;
@ .subclass { color: red; }
}
@ .some-other-class { width: 120px; }
}
, который дает вам меньше CSS, легче редактировать в долгосрочной перспективе (это субъективно, вам может оказаться сложнее работать).
Кроме того, они расширяют css другими способами, кроме вложенности: константы (назначьте что-то для @ col1 и используйте это в трех местах, затем вы решаете, что вам нужно что-то более легкое ... Бам! Вы изменили это один раз), флаги, форматирование вывода и многое другое, так что, думаю, вы найдете способ его использования.
как нам это
В основном вы устанавливаете его не на свой компьютер, а на сервер. Вместо классического CSS вы связываете свой сайт с установленным синтаксическим анализатором CSS / framework / language, который при каждом вызове вычисляет (или будет использовать кэшированную версию, если доступна) нормальный CSS - но когда вы редактируете его, вы редактируете упрощенную / расширенную версию CSS .
Редактировать: вы не устанавливаете его на свой ПК в качестве ПОЛЬЗОВАТЕЛЯ, но вам необходимо установить его в своей среде разработки. Если это локальный хост на вашем ПК, то да, вы устанавливаете его на свой компьютер - но не как пользователь, а на локально работающий сервер.
рубин
Я думаю, что для ruby эти расширения для css были первыми. Но теперь вы можете найти его и для других языков - я, как программист PHP, нашел CSScaffold Энтони Шорта:
GitHub с небольшим описанием
http://github.com/anthonyshort/csscaffold
Сайт эшафот, в настоящее время оффлайн
http://scaffoldframework.com/
редактировать: что это значит?
В этом примере попытки вы видите счет с кратной константой. таким образом, если вы измените !sidebar с 200px на 300px, каждая часть вашего css пересчитывается с ним. Каждое место, где упоминается эта константа, независимо от того, в любом случае или в расчете.
другой
SASS в .NET - Лучше CSS в .NET?
меньше CSS в .NET - http://www.dotlesscss.com/