Verfügt CSS3 über Urteilsaussagen?

Es gibt eine Beurteilungsanweisung in CSS3. Die Beurteilungsanweisung lautet „@supports (Ausführungsbedingung) {die CSS-Anweisung, die Sie implementieren möchten}“; „@supports“ ist eine der neu eingeführten Regeln in CSS3, die hauptsächlich verwendet werden Beurteilen Sie den aktuellen Browser anhand der Bedingungen. Ob bestimmte CSS-Attribute unterstützt und bestimmte Stile geladen werden sollen, dh CSS-Funktionserkennung.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Verfügt CSS3 über Urteilsaussagen?

Es gibt Urteilsaussagen in CSS3.

@supports ist eine der neu eingeführten Regeln von CSS3. Sie wird hauptsächlich verwendet, um zu erkennen, ob der aktuelle Browser eine bestimmte CSS-Eigenschaft unterstützt und bestimmte Stile lädt, also die Erkennung von CSS-Funktionen.

CSS-Funktionserkennung dient dazu, anhand der Bedingungen für verschiedene Browser-Terminals zu bestimmen, ob der aktuelle Browser eine bestimmte Funktion unterstützt. Mithilfe der CSS-Funktionserkennung können wir neue Technologien in Browserumgebungen verwenden, die die aktuellen Funktionen unterstützen, und bestimmte Fallback-Mechanismen einrichten, wenn diese nicht unterstützt werden.

　Lassen Sie uns nun einen Blick auf die Verwendung von css3@supports werfen und vorstellen, wie @supports CSS-Funktionen erkennt.

Verwendung von css3@supports

CSS@supports kann die Feature-Erkennung über die CSS-Syntax implementieren und bedingte Beurteilungsanweisungen in den internen CSS-Block schreiben: die CSS-Anweisung, die Sie implementieren möchten, wenn die Feature-Erkennung erfolgreich ist, wenn die Feature-Erkennung erfolgreich ist Die CSS-Anweisung, die Sie implementieren möchten, falls sie nicht übergeben wird.

　Grundlegende Syntax:

　　//如果通过了条件
 
　　@supports(运行条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}
 
　　//如果没有通过条件
 
　　@supportsnot(运行的条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}

Sehen wir uns ein einfaches Beispiel an:

@supports (display:flex) {
  section { display: flex }
  ...
}

Die Bedeutung des obigen Codes ist: Wenn der Browser das Attribut „display:flex“ unterstützt, verwenden Sie „display:“ im Abschnitt „ „element.flex“-Stil.

@supports können auch mit verschiedenen logischen Operatoren kombiniert werden und haben unterschiedliche grammatikalische Regeln. Als nächstes verfeinern wir die grammatikalischen Regeln von @supports und seine Verwendungsdetails.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonVerfügt CSS3 über Urteilsaussagen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!