Ein CSS-Element gerendert ... andere nicht

Ich versuche, den Code zu optimieren, die von Glimmer gemacht, die wahrscheinlich meine CSS Meisterschaft irgendwie niedrig markiert ....Ein CSS-Element gerendert ... andere nicht

Ich habe HTML wie:

<ul id="main_navigation"> 
    <li id="trigger0"><a /Topics">Webinar Topics</a> 
    <ul class="subNavMenuItems" id="subNav0"> 
    <li><a href="/Topics/15">Intro</a></li> 
    <li><a href="/Topics/25">Computer Skills</a></li>[and so on]

In meinem css ich habe:

#main_navigation ul{ 
    margin: 0; 
    padding: 0; 
    float: left; 
    width: 20%; 
    font-size:13px; 
    font: bold; 
    font-variant: small-caps; 

}

die Breite Regel ist beobachtet - aber keiner der anderen sind. Die Datei diese Regeln sind die letzte Datei mit importiert, so dass diese Regeln keine andere außer Kraft setzen sollte (obwohl ‚main_navigation‘ ist das einzige Anpassungselement _anyway so sollte Kaskadierung Sachen egal

Quelle

2009-06-22 justSteve

Das fehlende Zitat in der ein Tag war meine Cut 'n Paste. Durch Hinzufügen von li _wird das korrekte Ergebnis in den Listenelementen der zweiten Ebene erzeugt, jedoch nicht auf die oberste Ebene. (trigger0) Es sollte eine Sache sein, diesen Toplevel-Elementen einen Klassenbezeichner hinzuzufügen, aber ich treffe nicht die korrekte Syntax. Ich benutze Firebug und lande wie erwartet in den Elementen. Wieder ... jetzt funktioniert das Zeug auf der 2. UL-Stufe, aber nicht auf der obersten. – justSteve

Ich habe meine Antwort als Antwort auf Ihren Kommentar aktualisiert. –

die Sie interessieren.

#main_navigation li { 
    ... 
}

Quelle

2009-06-22 16:40:04

Der erste Test hat mich glauben lassen, dass dies die Nuss geknackt hat, aber es gibt noch ein bisschen zu arbeiten (bitte Kommentar oben) – justSteve

Ich habe meine Antwort aktualisiert, um Ihren Kommentar zu reflektieren. –

Sie wollen wahrscheinlich

font-weight: bold;

Quelle

2009-06-22 16:40:33

ich für Sie keine exakte Lösung, aber ich bin sicher, dass die Dinge einfach zu machen, wenn Sie Firefox verwenden und Firebug installieren. Firebug einen Modus verfügt, die alle Stylesheet zeigt Informationen, die sich auf ein Element auswirken können verschiedene Regeln interagieren, während Sie versuchen, Dinge ohne Neuladen zu ändern.

Quelle

2009-06-22 16:41:57

#main_navigation ul sollte übereinstimmen, aus dem HTML-Code gezeigt, Ihre UL mit der ID subNav0. Haben Sie ein CSS-Styling .subNavMenuItems oder #subNav0, oder vielleicht ul li ul, die auch zu der gleichen Sache wie #main_navigation ul bekommen würde? Wenn Sie ein solches CSS haben, meckert es möglicherweise mit dem gezeigten CSS. Um genau zu sein, könnten Sie ul#main_navigation li#trigger0 ul#subNav0 stylen.

Ben hat einen guten Vorschlag mit dem Versuch, die Firebug addon für Firefox.

Dieser HTML-Code ist ungültig: <a /Topics">Webinar Topics</a>. Sie wollen <a href="/Topics">Webinar Topics</a> höchstwahrscheinlich.

Quelle

2009-06-22 16:43:35

Auch fehlt ein Doppelzitat in <a /Topics"> und das href-Attribut.

Quelle

2009-06-22 16:44:27 Detect

Welches Element möchten Sie stylen?

#main_navigation ul { 
/* css here */ 
}

Sicherlich Stil einen ul, die ein direkter Nachkomme von #main_navigation ist, während Sie Stil sind versuchen (I denken) entweder das äußere-Menü, das #main_navigation oder die innere ul ist die #main_navigation li ul ist .. .unless lese ich das schlecht?

Quelle

2009-06-22 16:46:06

Ein CSS-Element gerendert ... andere nicht

Antwort

Verwandte Themen