CSS에서 의사 요소 선택기 앞에 앰퍼샌드(&) 문자가 배치될 수 있습니다. 이 사용법은 표준 CSS의 일부는 아니지만 LESS와 같은 전처리 언어에서 흔히 볼 수 있습니다.
LESS에서 앰퍼샌드는 중첩 연산자 역할을 하므로 중첩된 요소를 더 많이 선택할 수 있습니다. 간결하게. 상위 선택기를 나타내며 여러 선택기를 연결하는 데 사용할 수 있습니다.
다음 LESS 구문을 고려하세요.
.clearfix { &:before, &:after { display: table; content: ""; } &:after { clear: both; } }
여기서 :before 및 :after 앞의 앰퍼샌드는 이러한 의사 요소를 나타냅니다. .clearfix 내에 중첩되어 있습니다. 이 구문은 다음 CSS로 컴파일됩니다:
.clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; }
예를 들어, 다음 LESS 코드:
.example { &:hover { color: red; } }
다음으로 컴파일됩니다:
.example:hover { color: red; }
위 내용은 다음은 LESS 및 앰퍼샌드에 초점을 맞춘 기사의 질문 형식을 결합한 몇 가지 제목 옵션입니다. * LESS 의사 요소 선택기에서 앰퍼샌드(&)가 표시되는 이유는 무엇입니까? * 앰퍼는 무엇을 하는가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!