|
|||
Ausnahme für a:hover definieren
Hallo liebe Forenmitglieder,
in der Sitebar meines Wordpress-Blogs möchte ich gern einen Hover Effekt ändern. Nur der rotmarkierte Link soll beim Überfahren mit der Maus nicht die Hintergrundfarbe ändern. (siehe CSS-Code unten) Für diesen einen Link möchte ich also gerne eine "Ausnahme" definieren. Code:
<div id="r_sidebar"> <ul id="r_sidebarwidgeted"> <li id="About"> <h2>Text</h2> <a href="http://www.domain"><img border="0" src="http://www....gif"></a> </li> <li id="About"> <h2>Text</h2> <a href="http://www.domain"><img border="0" src="http://www....gif"></a> </li> </ul> </div> Code:
#r_sidebar ul li a:hover { background: #EAEAEA; color: #BE0C0C; text-decoration: none; } Ich würde mich freuen, wenn ihr mir Lösungsvorschläge für eine ID machen könntet, mit der ich den rotmarkierten Link anders formatieren kann. |
Sponsored Links |
Sponsored Links |
|
|||
Hallo hupse,
vielen Dank für deine Antwort. Den Quelltext der Seite (zumindest den relevanten Part) habe ich ja oben gepostet. Diese Anweisung gilt für alle Links (in der rechten Sitebar): Code:
#r_sidebar ul li a:hover { background: #ffffff; color: #C90D0D; text-decoration: none; } Für class="ausnahme" bzw. id="ausnahme": Code:
#r_sidebar ausnahme ul li a:hover { { background: #ffffff; color: #ffffff; text-decoration: none; } Code:
#r_sidebar.ausnahme ul li a:hover { { background: #ffffff; color: #ffffff; text-decoration: none; } Ich kenne mich leider nicht so gut aus. |
|
|||
Es geht um meinen Filmblog
Wenn man mit der Maus zum RSS-Icon bei "Beiträge abonnieren" navigiert färbt sich der Hintergrund. Das möchte ich gerne ändern. |
|
|||
Zitat:
Ja, das id="no" habe ich hinzugefügt. Ich weiß jedoch nicht, wie der genaue CSS-Code aussehen muss. So vielleicht? Code:
#r_sidebar.no ul li a:hover { { background: #ffffff; color: #ffffff; text-decoration: none; } |
|
||||
Den Hilfesuchenden Rätzel raten lassen tz tz tz.... ^^
Ids werden in der CSS mit der Raute "#" angesprochen, klassen mit dem Punkt "." Code:
a#no also: Code:
#r_sidebar ul li a#no:hover http://www.thestyleworks.de/ref/index_se.shtml Geändert von David (30.04.2009 um 09:51 Uhr) |
Sponsored Links |
|
|||
Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Seite links ausrichten | like.no.other | CSS | 10 | 26.01.2011 02:10 |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 15:20 |
Hilfe bei Positionierung eines Menüs | opa-rudi | CSS | 0 | 18.11.2008 12:21 |
#boxes a:hover.info: 2.posting mit css !!! | marioN | CSS | 5 | 25.01.2004 18:04 |