Ich nutze in einem Projekt CSSTidy und wunderte mich immer, warum bei einer CSS Anweisung “a:hover.navi_right {font-family:Verdana,Arial,Helvetica;font-size:8pt;color:#0e0282;text-decoration:none;}” beim Mouseover das Underline nicht verschwand. Auch eine andere Komprimierung im CSSTidy brachte nix. Die Lösung fand sich schnell, es gab eine CSS Definition eines Elementes, welches über eine ID angesprochen wurde, welche ebenfalls als “navi_right” definiert war: #navi_right{background-color: #F4F4F4;border: 0px solid green; padding: 0px;height: auto; width: 135px; float: right; margin-top: 0px; }. Im Quelltext wurde dieses Element dann per <div id=”navi_right”> angesprochen.
Ich benannte das Element im Quelltext einfach um in <div id=”navi_right_box”> passte die CSS an “#navi_right_box{background-color: #F4F4F4;border: 0px solid green; padding: 0px;height: auto; width: 135px; float: right; margin-top: 0px; }” und es funktionierte danach problemlos.
Also, CSSTidy macht Probleme in der Komprimierung, wenn eine ID Definition, welche per “#” angesprochen wird, denselben Namen wie eine Klasse besitzt.
Hier noch ein paare Keywords für Suchende:
CSSTidy, a:hover, Klasse, Elemet-ID, Mouseover Probleme, CSS Komprimierung, Mouseout underline none