0

私はそれを動作させたいように動作する次のスタイルを持っています:

.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機能しなくなります。

4

1 に答える 1

2

なるほど、分かりました。外部スタイルシートには のスタイル ルールがない.titleため、組み合わせによってスタイルが上書きされます。スタイルが優先されるようにするには、ルールをより具体的にするようにしてください。要素を常にラップする他の要素がある場合は.title、次のようにルールに追加して#container .something .title、より具体的なルールを取得します。

于 2011-06-01T11:10:10.587 に答える