tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
8
ZUGRIFFE
1998
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.08.09 02:55 #1
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Hallo,
    ich hab mal eine Frage zum Firebug. Wenn dort eine CSS Regel durchgestrichen ist dann wird sie doch von einer stärkeren Regel überschrieben.
    Wie kann ich herausbekommen welche Regel den nun diese Angabe überschreibt?

    Viele Grüße
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
  2. 21.08.09 03:29 #2
    Larrywayn Larrywayn ist offline Mitglied Silber
    Registriert seit
    May 2009
    Ort
    Berlin
    Beiträge
    60
    http://www.peterkropff.de/site/css/gewichtung.htm

    Einfach die Gewichtung der CSS Angaben beachten und dann einfach gucken, welches Elternelement ein Attribut mit höherer Gewichtung hat bzw. ob ein anderer Tag eine höhere Gewichtung hat. Sollte eigentlich keine Problem sein das sofort zu sehen denke ich eigentlich.
     
    http://larrywayn.pytalhost.eu xD
    Friss zeurst, sonst wirst du gefressen.
    Zitieren Zitieren
  3. 21.08.09 03:58 #3
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Also ich hab damit jetzt schon probleme. Liegt warscheinlich daran dass das so unübersichtlich ist weil ich ein CMS (Joomal) verwende.
    Na dann bleibt mir wohl nichts anderes übrig als zu versuchen da durchzublicken.

    Gruß
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
  4. 21.08.09 05:48 #4
    Maik Tutorials.de Gastzugang
    Moin.
    Zitat Zitat von DirtyWorld Beitrag anzeigen
    ich hab mal eine Frage zum Firebug. Wenn dort eine CSS Regel durchgestrichen ist dann wird sie doch von einer stärkeren Regel überschrieben.
    In diesem Beispiel wird die font-size-Deklaration aus dem body-Selektor vom h1-Selektor überschrieben:

    Frage zu Firebug (CSS durchgestrichen)-firebug-css.jpg

    Ist eigentlich ganz einfach nachvollziehbar, was vererbt, und was in der Kaskade überschrieben wird.

    mfg Maik
     
    Zitieren Zitieren
  5. 21.08.09 06:05 #5
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Okay das verstehe ich ja. Aber anscheinend wird bei mir was vom html selektor überschrieben und das verstehe ich nicht. Weil eigentlich müßte doch #breadcrumb html überschreiben?

    Gruß
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Frage zu Firebug (CSS durchgestrichen)-sshot-1.png  
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
  6. 21.08.09 06:11 #6
    Maik Tutorials.de Gastzugang
    Sieht auf den ersten Blick schon etwas sonderbar aus.

    Welches Element hast du denn da im Dokumentbaum ausgewählt?

    Achja, * entspricht nicht dem html-Element / -Selektor, sondern ist der Universelle Selektor, der alle im HTML-Dokumentbaum enthaltenden Elemente einbezieht.

    mfg Maik
     
    Zitieren Zitieren
  7. 21.08.09 21:44 #7
    Maik Tutorials.de Gastzugang
    Hi,

    da war ich zu früher Stund' wohl noch nicht geistig voll auf der Höhe, oder hatte zu wenig Kaffee getankt

    Durch den angesprochenen Universal-Selektor, der mit jedem enthaltenden Elementtyp im Dokument eine Übereinstimmung findet, überschreibt jedes Kindelement die geerbte Regel seines Elternelements (bei dir #breadcrumb).

    Daher erscheint der *-Selektor darunter auch mit den durchgestrichenen CSS-Regeln.

    Du kannst dich ja mal im HTML-Dokumentbaum bei <html> beginnend nach unten durchklicken, und die rechte Spalte im Auge behalten, wie die Liste darin zunimmt

    mfg Maik
     
    Zitieren Zitieren
  8. 22.08.09 02:23 #8
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Hi,
    Achja, * entspricht nicht dem html-Element / -Selektor, sondern ist der Universelle Selektor, der alle im HTML-Dokumentbaum enthaltenden Elemente einbezieht.
    Stimmt da war ich wohl zu so später (6:05 Uhr) Stunde nicht mehr ganz auf der Höhe.

    Durch den angesprochenen Universal-Selektor, der mit jedem enthaltenden Elementtyp im Dokument eine Übereinstimmung findet, überschreibt jedes Kindelement die geerbte Regel seines Elternelements (bei dir #breadcrumb).
    Also muß ich den im #breadcrumb enthaltenen Text nochmal über eine eigene Klasse stylen.
    Anderst ausgedrückt, ich kann die im Universalselektor definierten Eigenschaften nicht über Elternelemente überschreiben.

    Gruß
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
  9. 22.08.09 03:50 #9
    Maik Tutorials.de Gastzugang
    Moin

    Nutze den Selektor für Nachfahren, damit hier eine höhere Spezifität / Gewichtung für die font-size:50pt-Deklaration innerhalb von #breadcrumb gegenüber dem universellen Selektor (font-size:12px) vorliegt, und so von ihm nicht mehr überschrieben wird:
    Code css:
    1
2
3
4

    #breadcrumb * {
font-size:50pt;
font-weight:bold;
}
    Oder auf den enthaltenden Elementtyp bezogen:
    Code css:
    1
2
3
4

    #breadcrumb a {
font-size:50pt;
font-weight:bold;
}

    mfg Maik
     
    Zitieren Zitieren
« Bestimmten div drucken | Tabelle erscheint nicht in Druckansicht »

Ähnliche Themen

  1. Testen im Firebug: Fireunit
    Von Konstantin Denerz im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 09.04.10, 11:26
  2. Was ist mit meinem Firebug los?!
    Von Jambalaia im Forum Microsoft Windows
    Antworten: 2
    Letzter Beitrag: 28.08.09, 19:35
  3. Js Code in Firebug editieren und debuggen?
    Von baschtel im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 24.12.08, 09:50
  4. Garantie behalten, wenn Kontodaten auf Kassenbon durchgestrichen?
    Von Chimaira im Forum Smalltalk
    Antworten: 0
    Letzter Beitrag: 27.03.08, 14:20
  5. Mit Firebug funkt. der Request nicht, mit schon
    Von Soapp im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 23.10.06, 18:14