CSS => Struktur und Formatierung einer CSS-Regel

Bemerkungen

Um die Lesbarkeit zu erleichtern, lassen Sie alle Deklarationen um eine Ebene von ihrem Selector eingerückt und die schließende geschweifte Klammer in einer eigenen Zeile. Fügen Sie nach Selektoren und Doppelpunkten ein einzelnes Leerzeichen ein und setzen Sie nach der Enddeklaration immer ein Semikolon.

Gut

p {
    color: maroon;
    font-size: 16px;
}

Schlecht

p{
 color: maroon;
font-size:16px }

Einzeiler

Wenn es nur eine oder zwei Deklarationen gibt, kommen Sie möglicherweise mit dieser Deklaration davon. In den meisten Fällen nicht empfohlen. Seien Sie immer konsequent wenn möglich.

p { color: maroon; font-size: 16px; }

Regeln, Selektoren und Deklarationsblöcke

Eine CSS- Regel besteht aus einem Selektor (zB h1 ) und einem Deklarationsblock ( {} ).

h1 {}

Immobilienlisten

Einige Eigenschaften können mehrere Werte annehmen, die zusammen als Eigenschaftsliste bezeichnet werden .

/* Two values in this property list */
span {
    text-shadow: yellow 0 0 3px, green 4px 4px 10px;
}

/* Alternate Formatting */
span {
    text-shadow:
        yellow 0 0 3px,
        green 4px 4px 10px;
}

Multiple Selektoren

Wenn Sie CSS-Selektoren gruppieren, wenden Sie dieselben Stile auf verschiedene Elemente an, ohne die Stile in Ihrem Stylesheet zu wiederholen. Verwenden Sie ein Komma, um mehrere gruppierte Selektoren voneinander zu trennen.

div, p { color: blue }

Die blaue Farbe gilt also für alle <div> -Elemente und alle <p> -Elemente. Ohne das Komma wären nur <p> -Elemente, die ein <div> , rot.

Dies gilt auch für alle Arten von Selektoren.

p, .blue, #first, div span{ color : blue }

Diese Regel gilt für:

<p>
Elemente der blue Klasse
Element mit der ID first
jedes <span> innerhalb eines <div>

Modified text is an extract of the original Stack Overflow Documentation

Lizenziert unter CC BY-SA 3.0

Nicht angeschlossen an Stack Overflow

CSS
Struktur und Formatierung einer CSS-Regel

Suche…