単一のYUIダイアログボタンスタイルのオーバーライド

Question

私は、単一のYUIダイアログで使用されるボタンのスタイルをオーバーライドしようとしています。

#mydialog.yui-button { 
// style customization 
} 

ここで、mydialogはダイアログのIDです。これは動作しません。誰かが私が間違っていることを説明することはできますか？

Answer 1

あなたはセレクタによってさらに具体的にする必要があります。 YUIが

を使用している場合は、

#wrapper #main a#mydialog.yui-button 

この

HTML要素= 1クラス= 10 IDの= 100のインラインスタイル= 1000

#wrapper=100 + #main=100 + #mydialog=100 + .yui-button=10 = 310 
#wrapper=100 + #main=100 + a=1 + #mydialog=100 + .yui-button=10 = 311 

のようなことを考えるようなものが必要になります

それが機能しない場合は、いつでもインポートを追加することができます。 特異性の代わりにimportantを使用することは悪い習慣とみなされ、助けられても実行しないようにしてください。

例：

#mydialog.yui-button{ 
    color: #000 !important; 
} 

常に最後のプロパティ値の後にセミコロンの前に。

最後に失敗した場合は、正しいクラスやIDを持っていない可能性があります。また、あなたのスタイルシートがロードされていることを確認してください。

Answer 2

YUIボタンのCSSクラスが "yui-button"でない場合、ルールは正しくありません。あなたはボタンではなく「入力」のための「ボタン」要素を使用していると仮定すると、正しい方法は次のようになります。助け

#mydialog button { 
    // style customization 
} 

希望。