+ Antworten
Ergebnis 1 bis 3 von 3

Thema: css aus parentdiv in unterklasse überschreiben

  1. #1
    iop
    iop ist offline
    TP-Junior iop macht alles soweit korrekt
    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 hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User hero-master lebt für das TP und seine User 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 iop macht alles soweit korrekt
    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!

+ Antworten

Ähnliche Themen

  1. Nebengewerbe überschreiben?
    Von Darkness88 im Forum Gründung & Selbstständigkeit
    Antworten: 1
    Letzter Beitrag: 03.12.2009, 18:50
  2. 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)

     

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