Heim > Artikel > Web-Frontend > Wie verwende ich eine bestimmte Attributauswahlsprache in CSS? Einführung in die Verwendung (ausführliche Erklärung)
Wie verwende ich eine bestimmte Attributauswahlsprache in CSS? Einführung in die Verwendung (ausführliche Erklärung)
- 青灯夜游Original
- 2018-09-17 16:40:153083Durchsuche
CSS 2 führte Attributselektoren ein, die Elemente basierend auf ihren Attributen und Attributwerten auswählen können. In diesem Kapitel erfahren Sie, wie Sie den CSS-spezifischen Attributselektor lang verwenden (ausführliche Erklärung). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
CSS: Einführung in die Verwendung der Definition des Selektors
lang fügt dem Element einen Stil hinzu, beginnend mit dem angegebenen lang-Attribut.
Hinweis: Werte sind ganze Wörter, allein wie lang="en" oder mit einem Bindestrich (-) wie lang="en-us".
Syntax:
:lang {
style:属性；
}Beispiel für die Lang-Verwendung:
Der Lang-Attributwert jedes Elements ist gleich dem „abstract " Hintergrundfarbeinstellung Für Rot.
p:lang(abstract){
background:red;
}Bitte schauen Sie sich noch einmal das folgende Beispiel an:
*[lang|="en"] {color: red;}Die obige Regel wählt alle Elemente aus, deren lang-Attribut gleich en ist oder mit en- beginnt. Daher werden die ersten drei Elemente im folgenden Beispiel-Markup ausgewählt, während die letzten beiden Elemente nicht ausgewählt werden:
<p lang="en">段落en</p> <p lang="en-us">段落en-us</p> <p lang="en-au">段落en-au</p> <p lang="fr">段落fr</p> <p lang="cy-en">段落xy-en</p>
lang Vollständiges Beispiel
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
:lang(en) {
color:blue;
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#"> phpstudy </a>
<a>HTML</a>
<a href="#"> 511遇见</a>
</body>
</html> Rendering:
Das obige ist der detaillierte Inhalt vonWie verwende ich eine bestimmte Attributauswahlsprache in CSS? Einführung in die Verwendung (ausführliche Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!