WordPressのelement.styleの編集方法は？

Question

WordPressのfunction.phpファイルで最近定義したドロップダウンメニューを編集しようとしています。

だから私はこのようにワードプレスのヘッダーに2つのメニューを表示したい：

だから私は、メニューの幅を大きくしたいと、このようにこれを作りたい：

divにコードを入れてdivの幅を広げようとすると、全体が増えていて、要素を検査しようとしている場合は、次のようになります。

element.style { 
} 
input, button, select, textarea { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit; 
} 
button, select { 
    text-transform: none; 
} 

element.styleがスタイルシート内のどこにも定義されていない場合、どのように変更できますか？

Answer 1

テーマスタイルシートのグローバル選択要素に幅を追加しました。

select{padding: 6px 8px; border-radius: 0; outline: 0;width:209px} 

Answer 2

あなたは、ネストされたクラスによってCSSの優先順位を上げることができます。

デモ： -

<span><p>hair</p></span> 

CSS： -

p{color:red;} 
span p{color :blue;} 

上記のデモでは、青色のテキストが表示されます。

Answer 3

要素のスタイルは、このように、メインのソースコードで定義します。

<select class="btn fixed" style="width:250px"></select> 

あなたはCSSファイルにいくつかのコードを上書きする必要があります。

.btn.fixed[style] {width: 800px !important;} 

「入力」要素に「プレースホルダ」属性を設定するときと同様です。