[CSS] <li> "erzeugt&quot; Fehler

[cruiser]

Ja dann... machen sie es so...

(und hören sie nich auf Perfektionisten :lol: )

[Mystic]

Zitat:

Zitat von Meflin

Stimmt ich weis, ABER: wenn man die ids durch class (oder span) ersetzt, sieht das ganze nicht mehr wirklich so aus wie es jetzt aussieht... das funktioniert EINZIG UND ALLEIN mit id! Sonst werden wohl irgendwie die CSS-Definitionen nicht angewandt (die mit #)

Dann ersetz die CSS-Definitionen mit # durch welche mit . (#abc = wird auf id="abc" angewandt; .abc = wird auf class="abc" angewandt).

[Meflin]

Zitat:

Zitat von Mystic

Dann ersetz die CSS-Definitionen mit # durch welche mit . (#abc = wird auf id="abc" angewandt; .abc = wird auf class="abc" angewandt).

Das ist aber auch keine äquivalente Transformation ( :mrgreen: ) Denn die .-Klassen sind ja immer gültig; die .irgendwas #klassen sind ja nur innerhalb von .irgendwas gültig...

[cruiser]

du kannst auch:

Code:

.outer .inner {/*irgendwas*/}

schreiben

CSS kennt defacto klassen innerhalb von klassen

ID's sind auch okay, wenn es sich um eindeutige Elemente handelt, darin werden dann ebenfalls wieder Klassen verwendet

z.B.:

Code:

#Menu {/*irgendwas*/}
#Menu a {/*irgendwas*/}
#Menu .highlight {/*irgendwas*/}

Aber:

Code:

.box {/*irgendwas*/}
.box .head {/*irgendwas*/}
.box .code {/*irgendwas*/}

[Mystic]

Zitat:

Zitat von Meflin

Das ist aber auch keine äquivalente Transformation ( :mrgreen: ) Denn die .-Klassen sind ja immer gültig; die .irgendwas #klassen sind ja nur innerhalb von .irgendwas gültig...

Dann wird halt aus ".irgendwas #klassen {" ".irgendwas .klassen {".

Die Regel wird dann nur auf class="klassen"-Elemente innerhalb von class="irgendwas"-Elementen angewandt. Oh, und ich glaube auch auf class="klassen irgendwas"-Elemente.

[Thorben77]

Zitat:

Zitat von Mystic

Oh, und ich glaube auch auf class="klassen irgendwas"-Elemente.

Mööp, Fehler :wink: .
Für class="klassen irgendwas" müsste es so aussehen:

Code:

*.klassen { ... }
*.irgendwas { ... }