Hier sind einige Titeloptionen, die das Frageformat mit dem Fokus des Artikels auf WENIGER und kaufmännische Und-Zeichen kombinieren: * Warum sehe ich in LESS-Pseudoelementselektoren ein kaufmännisches Und-Zeichen (&)? * Was bedeutet der Ampere

kaufmännisches Und (&) in CSS-Pseudoelementselektoren

In CSS stoßen Sie möglicherweise auf ein kaufmännisches Und-Zeichen (&), das vor einem Pseudoelementselektor platziert wird. Diese Verwendung ist nicht Teil des Standard-CSS, kommt aber häufig in Vorverarbeitungssprachen wie LESS vor.

LESS-Syntax

In LESS dient das kaufmännische Und als Verschachtelungsoperator, der es Ihnen ermöglicht, verschachtelte Elemente stärker auszuwählen prägnant. Es stellt den übergeordneten Selektor dar und kann zum Verketten mehrerer Selektoren verwendet werden.

Beachten Sie diese WENIGER-Syntax:

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

Hier zeigen die kaufmännischen Und-Zeichen vor :before und :after an, dass es sich um Pseudoelemente handelt sind in .clearfix verschachtelt. Diese Syntax wird zu folgendem CSS kompiliert:

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

Beispiel

Zum Beispiel der folgende LESS-Code:

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

Wird kompiliert zu:

.example:hover {
  color: red;
}

Das obige ist der detaillierte Inhalt vonHier sind einige Titeloptionen, die das Frageformat mit dem Fokus des Artikels auf WENIGER und kaufmännische Und-Zeichen kombinieren: * Warum sehe ich in LESS-Pseudoelementselektoren ein kaufmännisches Und-Zeichen (&)? * Was bedeutet der Ampere. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!