Код, который мы пишем, часто недостаточно стандартизирован. Хотя этот сайт уже предоставил много идей и опыта, он все еще не может изменить явление беспорядочного кода. Сегодня я представлю вам мощный инструмент для реорганизации CSS-кода — Styleneat.
Styleneat может реорганизовать селекторы, подселекторы и свойства CSS в иерархическую структуру, упрощая программистам определение областей страницы и просмотр взаимосвязей между ними. Styleneat — это бесплатный сервис, который поможет вам реорганизовать свойства CSS.
Стильчистый Например, он преобразует следующий код CSS
Пример исходного кода
[www.downcodes.com] id1 {ширина: 100 пикселей;
id1 .class1 { фон: #000 }
id1 .class1 a { text-decoration: none color: #fff;
id1 .class1 диапазон { text-indent: 10px };
id2 {ширина: 200 пикселей;
Реорганизован в:
Пример исходного кода
[www.downcodes.com] id1 {ширина: 100 пикселей;
id1 .class1 { фон: #000 }
id1 .class1 a { цвет: #fff; текст-декорация: нет }
id1 .class1 диапазон { text-indent: 10px };
id2 {ширина: 200 пикселей;
Styleneat предлагает три способа использования:
Пример исходного кода
[www.downcodes.com] 1. Вставьте код CSS напрямую.
2. Загрузите файл CSS.
3. Укажите URL-адрес файла CSS.
Кроме того, Styleneat также предоставляет некоторые параметры, такие как алфавитный порядок в соответствии с выбором CSS, однострочный или многострочный формат и т. д. Styleneat по-прежнему оказывает большую помощь в оптимизации CSS.
http://styleneat.com/ 
