Подтвердить что ты не робот

Сортировка свойств CSS в произвольный порядок?

Я хотел бы программно отсортировать все декларации/свойства (а не сами блокировки объявления, а отдельные объявления внутри каждого блока) в таблице стилей в произвольный порядок.

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

В качестве примера, если это не понятно, предположим, что у меня есть таблица стилей, содержащая следующее:

#someid {
    font-size: 200%;
    background-color: #000000;
    color: #ffffff;
    padding: 4px 8px;
}

Я хотел бы иметь возможность сортировать это во что-то вроде:

#someid {
    padding: 4px 8px;
    color: #ffffff;
    font-size: 200%;
    background-color: #000000;
}

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

Надеюсь, это не смешной вопрос.:) Приветствия!

4b9b3361

Ответ 1

Возможно, вы можете заглянуть в http://www.codebeautifier.com/. Есть несколько вариантов, которые вы можете выбрать из...

screen shot

... но это не совсем соответствует тому, что вы ищете. Существует также возможность определения вашего собственного шаблона...

screen shot 2

... однако, я не совсем понимаю, как это работает. Надеюсь, это будет полезно.

Ответ 2

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