CSS 전처리 기의 규칙 순서에 대한 모범 사례가 있습니까?

Stylus 또는 SASS와 같은 CSS 전처리 기의 규칙 순서에 대한 가장 좋은 방법은 있습니까?CSS 전처리 기의 규칙 순서에 대한 모범 사례가 있습니까?

는 더 나은 먼저 동일한 요소의 다른 유형에 대한 규칙을 추가 한 후 나중에 해당 요소의 어린이 추가하는 것입니다

header 
    &.fooBar 
     float left 
    nav 
     background-color #fff

또는 더 나은 첫번째 추가 이후에 아이를 추가하는 것입니다을 이 같은 등 부모의 클래스 :

이

header  
    nav 
     background-color #fff 
    &.fooBar 
     float left

2017-05-12 phpheini

개인적으로 나는 처음에 특허의 스타일과 아이들 중 하나를 볼 것으로 기대합니다. 그렇지 않으면 나는 모든 아이들의 목록을 통해 그들의 부모가 그들의 스타일링에 어떻게 영향을 줄 수 있는지 보게 될 것이기 때문입니다. –

어느 쪽이 더 낫습니까? 성능 최적화? 깨끗한 코드? – Huelfe

어떤 식 으로든 개선되었지만 성능보다는 깨끗한 코드를 제공합니다. – phpheini

아니, 그런 일의 일반적인 가장 좋은 방법은 없다.

정말 중요한 점은 생각하고 일관성있게 만드는 것입니다. 회사에서 코딩 지침 작성 규칙의 목록을 만들고 그것에 충실하십시오, 그래서 모두는 무엇을 기대해야하는지 압니다.

2017-05-12 12:18:24

답변