sass 노트의 삽입

802 단어 sass
선택기 중첩:
nav {
 a {
    color: red;

    header & {
      color:green;
    }
  } 
}

==
nav a{
     color: red;
}
header nav a {
     color: green;
}

속성 중첩:
nav a{
     font{
          size: 12px;
          weight: bold;
     }

}

유사 중첩:
.clearfix{
     &:after{
          content: '';
          clear: both;
     }
}

선택기가 중첩되지 않도록 하려면 다음과 같이 하십시오.
선택기를 끼워 넣는 가장 큰 문제는 최종 코드를 읽기 어렵다는 것이다.개발자는 서로 다른 축진 단계의 선택기의 구체적인 표현 효과를 계산하는 데 많은 정력을 들여야 한다
선택기가 구체적일수록 성명문이 지루해지고 최근 선택기에 대한 인용 (&) 도 빈번해진다.어떤 때는 선택기의 경로를 혼동하고 다음 단계의 선택기를 탐색하는 오류율이 매우 높기 때문에 매우 가치가 없다
텐센트 AlloyTeam의 전단 규범에 따라 선택기의 중첩은 5층을 초과해서는 안 된다

좋은 웹페이지 즐겨찾기