0

メニューのスタイルをカスタマイズする必要があります。IE では問題なく動作しますが、Chrome ではメニュー内のリンクのフォント ファミリを変更できないことがわかりました。span または div 内のテキストの場合は問題ありません。単純なセレクターを使用して、デフォルト ルールの前にルールを作成します。しかし、開発ツールは次のように表示されます。 ここに画像の説明を入力

私のルールがデフォルトのルールを上書きしていないことがわかります。重要なことを追加しようとしましたが、開発ツールは次のように OK を表示しますが、フォントはまったく変更されません。 ここに画像の説明を入力

ルールを機能させるために試みた唯一のことは、"Menu.css" 内の元の CSS ルール ".tundra .dijitMenuItem" を削除することです。しかし、これはフレームワークによって与えられたデフォルトのルールなので、変更したくありません。

dom の要素を以下に示します。 ここに画像の説明を入力

これはどのように発生する可能性があり、ルールを機能させるにはどうすればよいですか?

更新:動作をテストするために多くの方法を試しました。ルールを .dijitMenuItem またはその子に配置するだけで、デフォルトをオーバーライドできるようです。そうしないと、セレクターがどれほど具体的であっても、適用されません。以下のような簡単な例を作成しました: 完全な例はJsFiddleにあります:

.theme .sub-container
{
  font-family: Arial; 
}

body.theme div.container
{
    font-family: sans-serif; //this doesn't work
}



.theme .sub-container2
{
    font-family: sans-serif;
}
body.theme div.sub-container2
{
    font-family: Arial; //this works
}

誰でもこれを説明できますか？font-family の継承とオーバーライドは、他の CSS プロパティとは異なりますか?

4

1 に答える 1

1

アンカータグにフォントファミリーを設定してみてください。仕事であるべきだと思います。

于 2013-01-09T07:29:54.140 に答える