Heim  >  Artikel  >  Web-Frontend  >  Was sind CSS-Klammern?

Was sind CSS-Klammern?

藏色散人
藏色散人Original
2021-01-13 09:53:022712Durchsuche

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.

Was sind CSS-Klammern?

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!

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