Felix Riesterer: CMS setzt ID's in klassen - wie kann ich die umgehen im CSS

Beitrag lesen

Lieber cruisi,

meine DIV-hierarchie an einem beispiel sieht z.b. so aus:
html > body > div .outer > div .teaserdiv > div .teaser_1 > h2

meinst Du nicht eher das hier?

html > body > div.outer > div.teaserdiv > div.teaser_1 > h2

Wenn Du das Leerzeichen zwischen "div" und dem Klassennamen entfernst, dann ändert das die Bedeutung.

div .teaserdiv will meinen "Ein Kindelement eines <div> mit der Klasse 'teaserdiv'", z.B.
<div><p class="teaserdiv">...</p></div>

Was Du vermutlich willst sieht aber so aus:
<div class="teaserdiv"><p>...</p></div>
Dazu braucht es eben die Schreibweise ohne Leerzeichen.

ContentXXL macht daraus z.B. eigenmächtig:
html > body > div .outer > div #ctl00_teaserdiv .teaserdiv > div .teaser_1 > h2

Das sollte eigentlich nicht passieren, wenn zwischen Deinen "div"s und den dazugehörigen Klassennamen kein Leerzeichen steht. Dann sollte daraus nämlich das hier werden:

div#ctl00_teaserdiv.teaserdiv { } etc.

Damit stimmt dann die Schreibweise wieder bezüglich Nachfahrenselektor und so.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)