CSS: childs > kurz Form

Webdesign & Technik HTML & CSS
1

Hi,

gibt es eine Kurzform für die Style-Deffinition von “Childs” in CSS?

z.B.:
Ziel: Bestimmte Html-Tags im Div “wrapper” zu formartieren.
(Html):

<h1>OUT</h1>
<h2>OUT</h2>
<strong>OUT</h2>
<div id="wrapper">
 <h1>TEST</h1>
 <h2>TEST</h2>
 <strong>TEST</h2>
 <p>NICHT Formartieren</p> 
 etc.
</div>

(CSS)->Funktioniert

#wrapper h1,#wrapper h2, #wrapper strong{
font-size:0.8em;
color:#a22;
}

Gibt es eine möglichkeit das kürzer zufassen wie zum Beispiel (!Ausgedacht!)
(ein Art “durchfall” prinzip in einer bestimmten ID)

#wrapper h1:h2:strong{
font-size:0.8em;
color:#a22;
}

PS: bitte nicht aufs einrücken oder syntax Fehler achten habs gerade schnell per Hand runter geschrieben, als Beispiel.

2

üblicherweise geht das mit einem Komma, also:

3

Wenn man es mit einem einfachen kommer trennt, ohne die Deffinition über “#wrapper”. Dann bezieht es sich wieder auf die restlichen Elemente (soweit diese nicht anders deffiniert sind.

Beispiel: (Live Beispiel http://jsfiddle.net/Kq7xb/ <-- Beide CSS Beispiele enthalten)
HTML

<h1>OHNEdeffinition</h1>
<h2>Ohne</h2>
<div id="wrapper">
    <h1>MIT</h1>
    <h2>MIT</h2>
</div>

CSS (Richtiger Code)

#wrapper h1, #wrapper h2{
    color:#900;
}

@Mohyra CSS Code:
Hier wird auch der h2 Tag außerhalb des DIV’s mit formatiert, da er ja keine Beziehung zu einem DIV hat, sondern alleine steht.

#wrapper h1, h2{
    color:#900;
}

Deshalb meine Frage, ob es ein Art “durchfall” Prinzip für den selben Container gibt.
also (der folgende Ansatz stimmt nicht und dient nur zur Verdeutlichung, zu meiner Frage)

#DIV [tagname,tagname2,tagname3]{
CSS-CODE
}
4

Wenn ich die Empfehlung für CSS3-Selektoren richtig überschaue, wird sich da kaum was machen
lassen, wenn man nicht zuvor am (X)HTML-Quelltext was ändert (class-Attribute oder zusätzliches
div mit class etc)

Auch neue Selektoren wie :nth-child, :not werden dir da nur bei besonderen Quelltextsituationen
weiterhelfen.

5

Ich habe mir die auch gerade durchgelesen.

Danke aber. Dachte nur vielleicht kennt jemand ein CSS-Trick.

Wenn jemand noch etwas weiß dann immer gerne her damit :slight_smile:

mfg 99shi

6

Schau dir mal CSS-Präprozessoren wie SASS oder LESS an …