이 CSS를 변환하는 방법을 적은

Question

더 적은 코드 건조에 다음 CSS를 변환 할 때 사용하는 어떤 방법

:

nav ul, 
nav ol, 
ul.reset, 
ol.reset { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 

Answer 1

절대적으로 아무것도. 그 CSS/LESS는 훌륭합니다. 그리고 less/less 방법으로 그것을 쓰는 것이 더 좋지 않습니다.

Answer 2

LESS으로 변환하려는 경우 많은 도움이되지 않습니다. 코드는 LESS 기술을 사용하여 더 길어집니다. 그것은 그것을 그대로 유지하는 것이 좋습니다. 당신은 여전히이 작업을 수행하려면

, 당신이 시도 할 수 있습니다 : (가) 위의 것 작동하지만 방식 때문에 유지 mixin의

.resetList() { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
nav { 
    ul, ol { 
     .resetList; 
    } 
} 
ul, ol { 
    &.reset { 
     .resetList; 
    } 
} 

:

이

nav { 

    list-style: none; 
    margin: 0; 
    padding: 0; 

    ul, ol { 

     list-style: none; 
     margin: 0; 
     padding: 0; 

     &.reset { 

      list-style: none; 
      margin: 0; 
      padding: 0; 

     } 

    } 

} 

Answer 3

이것은 내가 생각할 수있는 최선입니다 여기에 컴파일 : 순수 CSS 프로입니다

nav ul, 
nav ol { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
ul.reset, 
ol.reset { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 

그래서 나는 @ascii-lime에 동의 이 단순한 무언가를위한 더 나은 경로. 미래에는 대안을 제공하지 않기를 희망합니다.