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!