다음은 LESS 및 앰퍼샌드에 초점을 맞춘 기사의 질문 형식을 결합한 몇 가지 제목 옵션입니다. * LESS 의사 요소 선택기에서 앰퍼샌드(&)가 표시되는 이유는 무엇입니까? * 앰퍼는 무엇을 하는가-CSS 튜토리얼-php.cn

다음은 LESS 및 앰퍼샌드에 초점을 맞춘 기사의 질문 형식을 결합한 몇 가지 제목 옵션입니다. * LESS 의사 요소 선택기에서 앰퍼샌드(&)가 표시되는 이유는 무엇입니까? * 앰퍼는 무엇을 하는가

Patricia Arquette

풀어 주다： 2024-10-28 11:43:02

원래의

681명이 탐색했습니다.

Here are a few title options, combining question format with the article's focus on LESS & ampersands:

* Why do I see an ampersand (&) in LESS pseudo-element selectors?
* What does the ampersand (&) signify in LESS pseudo-element selectors?
* How does t

CSS 의사 요소 선택기의 앰퍼샌드(&)

CSS에서 의사 요소 선택기 앞에 앰퍼샌드(&) 문자가 배치될 수 있습니다. 이 사용법은 표준 CSS의 일부는 아니지만 LESS와 같은 전처리 언어에서 흔히 볼 수 있습니다.

LESS 구문

LESS에서 앰퍼샌드는 중첩 연산자 역할을 하므로 중첩된 요소를 더 많이 선택할 수 있습니다. 간결하게. 상위 선택기를 나타내며 여러 선택기를 연결하는 데 사용할 수 있습니다.

다음 LESS 구문을 고려하세요.

.clearfix {
  &amp;:before,
  &amp;:after {
    display: table;
    content: "";
  }
  &amp;:after {
    clear: both;
  }
}

로그인 후 복사

여기서 :before 및 :after 앞의 앰퍼샌드는 이러한 의사 요소를 나타냅니다. .clearfix 내에 중첩되어 있습니다. 이 구문은 다음 CSS로 컴파일됩니다:

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

로그인 후 복사

예

예를 들어, 다음 LESS 코드:

.example {
  &amp;:hover {
    color: red;
  }
}

로그인 후 복사

다음으로 컴파일됩니다:

.example:hover {
  color: red;
}

로그인 후 복사

위 내용은 다음은 LESS 및 앰퍼샌드에 초점을 맞춘 기사의 질문 형식을 결합한 몇 가지 제목 옵션입니다. * LESS 의사 요소 선택기에서 앰퍼샌드(&)가 표시되는 이유는 무엇입니까? * 앰퍼는 무엇을 하는가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!