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

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

青灯夜游

Freigeben： 2018-09-17 16:40:15

Original

3114 Leute haben es durchsucht

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:属性；
}

Nach dem Login kopieren

Beispiel für die Lang-Verwendung:

Der Lang-Attributwert jedes Elements ist gleich dem „abstract " Hintergrundfarbeinstellung Für Rot.

p:lang(abstract){ 
background:red;
}

Nach dem Login kopieren

Bitte schauen Sie sich noch einmal das folgende Beispiel an:

*[lang|="en"] {color: red;}

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!