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층을 초과해서는 안 된다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
SASS에서 Mixin과 Placeholder의 차이점SASS에서 Mixin과 Placeholder는 정말 비슷합니다. CSS 속성의 조합을 보유할 수 있으며 코드를 줄이는 데 도움이 되는 변수처럼 여러 곳에서 재사용할 수 있습니다. 그러나 실제로는 무대 뒤에서 다르게...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.