zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hover-Effekt entfernen, bzw. ändern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 02.03.2017, 13:34
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 465
dazzle89 wird schon bald berühmt werden
Standard

Leider ist mir dein CSS zu lang um da durchzublicken...

Wenn deine Farbangaben nicht wirken, kann ich mir vorstellen dass es an der Spezifität liegt. Es könnte also sein, dass irgendwo im CSS eine Anweisung mit höherer Gewichtung ist, die deine gewollten Angaben überschreibt. Da hilft dann auch !important nicht.

Du benutzt ja z.B. den Selektor .td_module_mx1 a:hover, und es kann sein, dass du irgendwo einen längeren Selektor hast wie z.B. "body .content .td_module_mx1 a:hover", der ebenfalls !important und somit eine höhere Wertung hat. Das war jetzt nur ein Beispiel, eine höhere Spezifität erhält man z.B. auch durch ID-Selektoren.

Du müsstest also mal prüfen, wie genau der Selektor lautet, der für die ungewollten Styles zuständig ist.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 02.03.2017, 13:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.484
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Clickhero Beitrag anzeigen
Ja das mache ich doch gerade ... mit euch!
Dann werde dir bewusst, wie man mit den Webdeveloper-Tools arbeitet und was die spezifität von CSS besagt. Also, dass zB a.class einem .class vorgezogen wird, auch wenn es vorher im Code steht.
!important ist in deinem Projekt absolut fehl am Platz, das erschwert dir dann nur, kleine Änderungen (wie zB die Schriftfarbe, oder auch den Hintergrund, um nur mal zwei völlig unrealistische Beispiele zu nennen), vorzunehmen.

Untersucht man dein Element mit den Webdeveloper-Tools und lässt sich das CSS für ein aktives Hover anzeigen, so sieht man schnell, dass folgender Selektor dafür verantwortlich ist:
Code:
.td_uid_2_58b813e2ec7ed_rand .td-block-title > *, .td_uid_2_58b813e2ec7ed_rand .td_module_wrap:hover .entry-title a, .td_uid_2_58b813e2ec7ed_rand .td-pulldown-filter-link:hover, .td_uid_2_58b813e2ec7ed_rand .td_quote_on_blocks, .td_uid_2_58b813e2ec7ed_rand .td-opacity-cat .td-post-category:hover, .td_uid_2_58b813e2ec7ed_rand .td-opacity-read .td-read-more a:hover, .td_uid_2_58b813e2ec7ed_rand .td-opacity-author .td-post-author-name a:hover, .td_uid_2_58b813e2ec7ed_rand .td-instagram-user a, .td_uid_2_58b813e2ec7ed_rand .td-pulldown-filter-item .td-cur-simple-item, .td_uid_2_58b813e2ec7ed_rand .td-pulldown-filter-link:hover, .td_uid_2_58b813e2ec7ed_rand .td-pulldown-filter-display-option:hover, .td_uid_2_58b813e2ec7ed_rand .td-pulldown-filter-display-option:hover i
Warum werden überhaupt so viele Selektoren verwendet? Das geht komplett am Sinn und Zweck von HTML/CSS vorbei, da könntest du eigentlich auch gleich bei Tabellen-Layouts und inline-CSS bleiben. (Nicht ernst gemeint)

Mithilfe dieser Informationen sollte dir klar sein, warum deine Bemühungen nicht fruchten.
Kurz zusammengefasst: Die Spezifität passt nicht und !important verhindert auch, dass dein CSS nicht greift.

Möchtest du also mehr Änderungen an dieser Seite vornehmen, so rate ich dir, schmeiß das, was du hast weg und baue ein ordentliches Grundgerüst.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, hovereffekt, mouseover

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Hover Farbe bzw. Effekt soll bleiben ... xhtmlmike70 CSS 8 29.07.2010 18:21
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:05 Uhr.