그룹별로 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로 가져옵니다. 을 가져 오는 동안 열 구분 기호로 사용 : 그러면 속성 및 값이 다른 열에옵니다. 에 콜론이없는 행 (예 : 'Selector'등)을 제거하고 나중에 다시 정렬하려면 정렬 후 행을 제거하는 것이 좋습니다.
• 가져 오는 즉시 Excel의 번호 생성기 기능을 사용하여 S.No. 또는 Row.Id 각 행에 대해 (아무 일도 일어나지 않도록 항상 정렬 할 수 있습니다).
• Excel에서 열을 하나 더 추가하여에 정의 된대로 '카테고리'를 나타냅니다.
• 각 행이 맞는 카테고리를 표시하십시오.
• 이제 분류별로 두 열을 정렬 한 다음 행 ID별로 정렬합니다.
• 'selector'등의 헤더를 제거한 경우 을 다시 추가하여 올바른 CSS 파일을 만드십시오. 파일을 CSS로 저장하십시오.