Peculiar Reverse Cascading in CSS

8

Ich habe eine Situation, in der mein CSS Stile anwendet, die nicht auf das Objekt angewendet werden, das gestylt wird. Hier ist genauer Code aus meiner site.css Datei ...

%Vor%

Hier ist ein HTML, das es benutzt ...

%Vor%

Und hier ist das CSS-Markup, das der Inspektor von Chrome für das <aside> -Element anzeigt.

%Vor%

Das ergibt keinen Sinn. Nur ein <h3> -Element sollte vom .rules aside h3 -Selektor entworfen werden. Es kaskadiert jedoch in das root <aside> -Element. Ich habe auch andere Fälle davon. Dies geschieht in Google Chrome (neueste Version)

Inklusive Screenshots zum Beweis.

thirtydot edit:

  

jsfiddle.net/2hnLx - läuft dies   genau denselben Code aus einer .html-Datei an   meine Maschine liefert die Problemergebnisse,   aber es von jsFiddle Renditen laufen   die erwarteten Ergebnisse. - Stacey

Der Code aus dem jsFiddle:

%Vor%     
Ciel 08.02.2011, 21:15
quelle

2 Antworten

2

Gelöst.
Es war die Stückliste. Versuchen Sie, site.css-Datei als UTF-8 ohne BOM zu speichern, und es wird funktionieren.

Aktualisieren
Dies ist inhärent: UTF-8 HTML- und CSS-Dateien mit BOM (und wie man die BOM mit Python entfernt)

    
Lordalcol 09.02.2011, 16:57
quelle
2

Ich habe dies in Chrome 9 versucht. Ich kann den Fehler nicht reproduzieren. Hier ist mein Code (Sie können es versuchen): Ссылка

Und das ist ein Screenshot von Chrome.

    
Lordalcol 09.02.2011 13:41
quelle

Tags und Links