Ergebnis 1 bis 3 von 3

Thema: css aus parentdiv in unterklasse überschreiben

  1. #1
    iop
    iop ist offline
    TP-Junior
    Registriert seit
    Jan 2010
    Beiträge
    11

    css aus parentdiv in unterklasse überschreiben

    Hallo zusammen,

    ich habe eine Sidebar auf meiner Seite, die Links formatiert darstellt mit folgendem Code:
    HTML-Code:
    #sideBarRight a {
    	text-decoration: none;
    	font-weight: bold;
    	font-size: 13px;
    	color: #516168;
    }
    In dieser Sidebar möchte ich unter anderem ein Widget mit einer Wortwolke (Tagcloud) einbinden, welches Link-Elemente beinhaltet, die wiederum jeweils eine Klasse mit einer bestimmten font-size beinhalten.
    So soll der ungefähre Html-Code aussehen:
    HTML-Code:
    <div class="widget">
    		<div class="widgetHeader">
    			Meistgesucht in...
    		</div>
    		<div class="widgetCloud">
    			<a href="#" class="size1">Bielefeld</a>
    			<a href="#" class="size2">Hamburg</a>
    			<a href="#" class="size3">München</a>
    			<a href="#" class="size4">Leipzig</a>
    			<a href="#" class="size5">Köln</a>
    		</div>
    	</div>
    Und so in der Art (es funktioniert ja so nicht) sollte die Formatierung der Link-Klassen aussehen:
    HTML-Code:
    a.size1 {font-size:1.1em}
    a.size2 {font-size:1.3em}
    a.size3 {font-size:1.5em}
    a.size4 {font-size:1.7em}
    a.size5 {font-size:1.9em}
    Leider wird die font-size von obigem CSS-Code überschrieben - wie kann ich das vermeiden oder gibt es generell einen besseren Ansatz?

    Danke schon einmal im Voraus!

  2. #2
    TP-Moderator Avatar von hero-master
    Registriert seit
    Mar 2003
    Ort
    Hamburg
    Beiträge
    5.927
    Hi iop
    definiere die Link-Klassen einmal so, dann sollte es funktionieren:
    Code:
    #sideBarRight .size1 {font-size:1.1em}
    #sideBarRight .size2 {font-size:1.3em}
    #sideBarRight .size3 {font-size:1.5em}
    #sideBarRight .size4 {font-size:1.7em}
    #sideBarRight .size5 {font-size:1.9em}
    Lesestoff gibt es dazu unter anderem hier. Kurzum gesagt: Eine ID ist immer mehr wert als eine Klasse, auch wenn sie dahinter dekliniert wurde

  3. #3
    iop
    iop ist offline
    TP-Junior
    Registriert seit
    Jan 2010
    Beiträge
    11
    Das hat geholfen! Danke Dir!

    Übrigens habe ich natürlich nicht aus meiner .css-Datei kopiert, sondern neu getippt, und den Fehler damit quasi "weggetippt"...

    hatte folgendes im Code:
    Code:
    #sidebar a .size1 {font-size:1.1em ;}
    richtig wäre gewesen:
    Code:
    #sidebar a.size1 {font-size:1.1em ;}
    ein unnätiger post mal wieder von mir... sorry und danke hero-master! an diese lösung habe ich überhaupt nicht gedacht, gefällt mir!

    Danke!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Nebengewerbe überschreiben?
    Von Darkness88 im Forum Gründung & Selbstständigkeit
    Antworten: 1
    Letzter Beitrag: 03.12.2009, 18:50
  2. [PHP] Problem beim Auslesen einer Unterklasse
    Von netzor im Forum Traum-Dynamik
    Antworten: 1
    Letzter Beitrag: 30.10.2008, 08:18
  3. Untertitel überschreiben
    Von tamhid im Forum Video & Fotografie
    Antworten: 2
    Letzter Beitrag: 22.02.2007, 14:02
  4. swf überschreiben???
    Von anda im Forum Flash & Multimedia
    Antworten: 0
    Letzter Beitrag: 13.03.2006, 15:22
  5. überschreiben von Memberfunktionen
    Von Nico im Forum Traum-Dynamik
    Antworten: 29
    Letzter Beitrag: 12.04.2005, 10:38

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51