私はそれを動作させたいように動作する次のスタイルを持っています:
.container { font-family:arial; text-decoration:none; font-size:12px; }
.title {color:#707070; text-decoration:none; }
.username {color:#8DAAB8;}
.dateandtime {color:#A5A7AC;}
.container:hover .title { color: #000000; }
.container:hover .username { color: #DF821B; }
.container:hover .dateandtime { color: #3185B6; }
しかし、何らかの理由で、次のスタイルをページに追加すると(必要です):
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
上記の元のスタイルのクラスは機能しなくなり、何らかの理由.title
で残っています。通常の状態で、#000000
ホバーしたときです。#707070
#000000
外部スタイル シートを追加するとこの問題が発生するのはなぜですか? また、外部スタイル シートを削除せずにこの問題が発生しないようにするにはどうすればよいですか?
外部スタイルシートを削除するとすぐに、.title
クラスは再び完全に機能し始めますが、ページの残りの部分はjquery-ui-tabs
正常にjquery-ui-sortables
機能しなくなります。