CSSを使用してナビゲーションメニューの背景色を変更してください

Question

このCSSファイル（これはJquery exampleで使用されています）で指定されたナビゲーションメニューの背景色を変更する必要があります。私はこの行がどこにあるのか分かりません。助けてください。

Answer 1

私が正しく理解している場合は、変更する必要があるクラスが「.ui-ウィジェットヘッダ」と呼ばれ、それはこのようになりますされています

.ui-widget-header 
{ 
    border: 1px solid #aaaaaa; 
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
    color: #222222; 
    font-weight: bold; 
} 

単にいずれかであなたのCSSファイルを開きます（、通常はCTRL + F）、「.ui-widget-header」を探してください。次に、基本的なCSSの知識がある場合は、背景色とイメージを変更できます。そうでない場合は、援助を依頼してください。

として@drinchevは、あなたがMozillaのFirefoxやGoogle Chromeの新しいバージョンを使用していると仮定すると、あなたはそれの上に特定の要素だけでマウスを見つけると「エレメントを点検」を使用する必要がある場合は、将来的に、と述べました。 Internet Exporerを使用している場合は、F12キーを押し、必要な項目の上に 'Select Element'ポインタを使用します。

これらの開発者ツールで値を動的に変更して、実際に変更した場合の外観を確認することもできます。

P .:私はCSSを1行に入れているため、少し書き直したことに注意してください。

Answer 2

chromeまたはfirebug for Firefoxでinspect要素を使用します。 要素をクリックすると、すべてのcssスタイルとその親スタイルが取得されます。 &をダブルクリックして値を直接変更し、結果を一度確認してください。