Как сортировать свойства в файле CSS по группам?

Question

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

Например:

.selector { 
 
    /* Positioning */ 
 
    position: absolute; 
 
    z-index: 10; 
 
    top: 0; 
 
    right: 0; 
 

 
    /* Display & Box Model */ 
 
    display: inline-block; 
 
    overflow: hidden; 
 
    box-sizing: border-box; 
 
    width: 100px; 
 
    height: 100px; 
 
    padding: 10px; 
 
    border: 10px solid #333; 
 
    margin: 10px; 
 

 
    /* Color */ 
 
    background: #000; 
 
    color: #fff 
 
    
 
    /* Text */ 
 
    font-family: sans-serif; 
 
    font-size: 16px; 
 
    line-height: 1.4; 
 
    text-align: right; 
 

 
    /* Other */ 
 
    cursor: pointer; 
 
}

Answer 1

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

• Сохраните файл CSS как обычный текстовый файл.
• Импортируйте текстовый файл в Excel, при этом каждая строка станет строкой. В то время как импорт, используйте: в качестве разделителя столбцов, чтобы свойство и значение приходили в разные столбцы. Лучше удалять строки, у которых нет , есть двоеточие, например, «Селектор» и т. Д. И добавить его позже, после сортировки.
• Как только вы импортируете, используйте функцию генератора чисел Excel, чтобы дать S.No. или Row.Id для каждой строки (так, чтобы что-то случилось, вы можете всегда сортировать его обратно).
• Добавьте еще одну колонку в Excel, чтобы указать «категорию», как определено , например, позиционирование, отображение и т. Д.
• Отметьте категорию, в которой каждая строка соответствует вам.
• Теперь сортировать по двум столбцам, сначала по категориям, а затем по строке.
• Если вы удалили любые заголовки, такие как «селектор» и т. Д., Добавьте их обратно , чтобы создать допустимый файл CSS. Сохраните файл как CSS.