WordPressテーマを使ってCSSスタイリング 'a'タグ

Question

私は自分のウェブサイトにWordpress Kaleテーマを使用しており、これまで「追加CSS」セクションで必要に応じてスタイルを更新できました。しかし、私が 'a'タグを変更しようとするたびに、私のサイトにこれらのどれも実装されていません。私がこれらの作業を得るための唯一の方法は、各ページの各スタイルを変更することです。ブログの投稿が増えるにつれ、明らかに理想的ではありません。私がこれまで行ってきたやり方は以下の通りですが、h1、h2、h3などのタグを使って同じようにこれらの変更をグローバルに実装する方法が必要です。ご覧のとおり、コンテンツを表示するために使用しているテーブルの子セクションごとに新しいスタイルを作成する必要があります。どんな助けも素晴らしいだろう！ここで

/* STYLING FOR POST FACEBOOK LINK */ 
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(5) > td:nth- 
child(2) > a { 
color: #545454; 
text-decoration: none; 
} 

/* STYLING FOR POST TWITTER LINK */ 
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(6) > td:nth- 
child(2) > a { 
color: #545454; 
text-decoration: none; 
} 

/* STYLING FOR POST INSTAGRAM LINK*/ 
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(7) > td:nth- 
child(2) > a { 
color: #545454; 
text-decoration: none; 
} 

Answer 1

は、あなたがこれらのリンクを編集するために行う必要がある手順です。

1. まず、ケールのテーマから子テーマを作る： https://codex.wordpress.org/Child_Themes

2. 次に、あなたのCSSを追加しますあなたが作成したKale Childテーマの{}やstyle.cssへの他のリンクを上書きします。私が作成したベストオーバーライドのstyle.cssの最後にこれである：

   body a {color: red !important;} 
   

それらの子CSSの上書きは、あなたがそれらをより具体的にする必要が動作しない場合は、あなたの例で参照するコードは、より「特異性が高い」ので、オーバーライドは参照された後に来る必要があり（cssコード順）、グローバルなCSSカスケードではより具体的になります。

あなたが示されてきたCSSは、子CSSであれば、その後のではなく、あなたがのstyle.cssシートでそれらを見つけるところ、それは単にそれらを編集し、それが親テーマのスタイルを上書きしますオーバーライドします。

これで問題は解決します。あなたの助けのための

Answer 2

おかげで、私はしかし、これは、ナビゲーションレイアウトを壊したので、それがあれば望ましいだろう、私は子供のテーマを作成し、最初の子テーマエディタを経由してセレクタ（.single .ENTRY-コンテンツA）