Latest web development tutorials

CSS Attributselektoren

HTML-Stil-Elemente mit bestimmten Attributen

HTML-Element-Stil ist nicht nur Klasse und id mit spezifischen Eigenschaften.

Hinweis :! IE7 und IE8 DOCTYPE - Deklaration muss nur Attributselektoren unterstützen!IE6 und früheren Versionen nicht Attributselektoren unterstützen.

Selektoren Attribut

Das folgende Beispiel ist, um alle Elemente des Titels (Titel) enthalten wird blau:

Beispiele

[Titel] { Farbe: blau ;}

Versuchen »

Attribute und Werte Selektoren

Das folgende Beispiel ändert den Titel Titelbordüre style = 'w3big' Element:

Beispiele

[Title = w3big] { Grenze: 5 px fest grün ;}

Versuchen »

Wählen Sie Eigenschaften und Wert - mehr Wert

Hier ist ein Beispiel für den Stil Elemente title-Attribut gibt den Wert der Verwendung von (-) Trenneigenschaften und Werte:

Beispiele

[Titel ~ = hallo] { Farbe: blau ;}

Versuchen »

Hier ist ein Beispiel für den Stil Element lang Attribut gibt den Wert der Verwendung von (|) trennt Attribute und Werte:

Beispiele

[Lang | = de] { Farbe: blau ;}

Versuchen »

Formular Stil

Attributselektoren Stil, ohne die Verwendung einer Form von Klasse oder ID:

Beispiele

input [type = "text"] { Breite: 150 px ; Display: Block ; Margin-bottom: 10 px ; Hintergrund-Farbe: gelb ;} input [type = "button"] { Breite: 120 px ; Margin-left: 35 px ; Display: Block ;}

Versuchen »