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:153062Durchsuche

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:

Wie verwende ich eine bestimmte Attributauswahlsprache in CSS? Einführung in die Verwendung (ausführliche Erklärung)

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was ist das Clip-Attribut in CSS? clip:rect() erstellt eine kreisförmige Fortschrittsbalkenanimation (Codebeispiel)Nächster Artikel：Was ist das Clip-Attribut in CSS? clip:rect() erstellt eine kreisförmige Fortschrittsbalkenanimation (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen