Heim > Artikel > Web-Frontend > Was sind CSS-Klammern?
css-Klammern sind Attributselektoren. HTML-Elementstile mit bestimmten Attributen sind nicht nur Klasse und ID; IE7 und IE8 müssen „!DOCTYPE“ deklarieren, um Attributselektoren zu unterstützen, während IE6 und niedrigere Versionen keine Attributauswahl unterstützen.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.
Empfohlen: CSS-Video-Tutorial
Was sind CSS-Klammern?
CSS-Klammern sind Attributselektoren.
Stilisieren Sie HTML-Elemente mit spezifischen Attributen, die über Klasse und ID hinausgehen.
Hinweis: IE7 und IE8 müssen deklariert werden! Nur DOCTYPE unterstützt Attributselektoren! IE6 und niedrigere Versionen unterstützen keine Attributselektoren.
Attributauswahl
Das folgende Beispiel ändert alle Elemente, die den Titel enthalten, in Blau:
Beispiel
[title] { color:blue; }
Attribut- und Wertauswahl
Das folgende Beispiel ändert den Rahmenstil des Titels title='runoob'-Elements:
Beispiel
[title=htmlcn] { border:5px solid green; }
Selektor für Attribute und Werte – mehrwertig
Hier ist ein Beispiel für einen Elementstil, der ein Titelattribut mit einem angegebenen Wert enthält, wobei (~) verwendet wird, um das Attribut und den Wert zu trennen:
Beispiel
[title~=hello] { color:blue; }
Das Im Folgenden finden Sie ein Beispiel für einen Elementstil, der ein Lang-Attribut mit einem angegebenen Wert enthält, wobei (|) zum Trennen des Attributs und des Werts verwendet wird:
Instanz
[lang|=en] { color:blue; }
Formularstil
Attributauswahlstil ohne Verwendung der Klassen- oder ID-Form:
Instanz
input[type="text"] { width:150px; display:block; margin-bottom:10px; background-color:yellow; } input[type="button"] { width:120px; margin-left:35px; display:block; }
Das obige ist der detaillierte Inhalt vonWas sind CSS-Klammern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!