現在、特定の要素に適用されるどのようなコードを検査すると、Chromeはまた、特定のセレクタが適用されるかを表示しますそのルールと(私は!重要試してみましたが、それは何もしません)それはから来ている。あなたがする必要があるのは、より強力なセレクターを書くことだけです。あなたの例では、body:not(.template-slider) #Header { }
は...
理想的
body.page:not(.template-slider) #Header {/* CSS here */ }
によって上書きされます、しかし、それは現在のセレクタの特異性を増加する必要がありますが、最後にあなたのルールを適用し、使用していないに最善だろう同じセレクター。これを行う最も簡単な方法は、テーマ/ WPのインストールがうまくいかない限り、アクティブなテーマのstyle.css
の末尾にCSS
を追加することです。
ところで、自分で開発していないテーマを使用している場合、アクティブなテーマは子供のテーマにする必要があります。これは重要ですが、なぜそれが重要なのか、どのような利点があるのか、どのように行うのかなど、個別に検討する必要があります。
(遠いことで、推奨WordPressの方法)あなたのアクティブなテーマのstyle.css
への書き込みはできない場合は、常にあなたの中に置かれ、お好みの別のスタイルシート(すなわちmy-custom-style.css
)、にすべてのあなたのCSSを置くことができますテーマのフォルダアクティブ、そして、あなたのアクティブなテーマのfunctions.php
に次のコードを使用して登録:
function add_styles_to_your_active_theme() {
wp_enqueue_style (
'my-custom-style',
get_stylesheet_directory_uri() . '/my-custom-style.css',
array(),
null
);
}
add_action('wp_enqueue_scripts', 'add_styles_to_your_active_theme');
追加し、それがロードさを確認した後、あなたは依存関係として登録されている他のスタイルシートを指定することによって、<head>
タグでその位置を変更することができます上記の第3引数を使用してを呼び出す。
sの他の登録されたスクリプトをその配列に配置する必要があります。 ハンドルは、いずれのページの<head>
タグを調べて、最後にロードされた<link rel="stylesheet" />
タグを見つけ、id
から-css
タグを削除することによって見つけることができます。たとえば、最後に読み込まれたスタイルシートのリンクIDがsome-theme-style-css
の場合、wp_enqueue_style()
への呼び出しの3番目のパラメータはarray('some-theme-style')
である必要があります。
その後、もう一度<head>
タグを確認し、最後にタグを付けてください。そうでない場合は、それぞれ<link />
のid
を$deps
アレイに追加し、-css
を最後まで削除します。スタイルシートが最後にロードされたら、適用セレクタをコピー・ペーストして、必要なものにルールを変更して適用します。
ただし、通常の使用条件では、上記の方法は不要です。通常は子テーマを使用し、style.css
にCSS
を入れてください。テーマやプラグインのクリエイターのために予約されているような、このような細かいことは心配する必要はありません。
質問する前に調査してください! [Wordpress CSSを上書きする](https://css-tricks.com/methods-overriding-styles-wordpress/) – Sank6