全球使用Wordpress主題的CSS樣式「a」標籤

我爲我的網站使用了WordPress主題的羽衣甘藍，並且迄今爲止能夠根據需要通過「其他CSS」部分更新樣式。但是，每當我嘗試對「a」標記進行更改時，這些標記都不會在我的網站上實施。我可以使這些工作的唯一方法是對每個頁面上的每種風格進行更改，這顯然不是理想的，因爲我添加了越來越多的博客帖子。到目前爲止，我一直在做的方式列在下面，但是我需要一種全局實現這些更改的方式，就像我一直在使用h1，h2，h3等標籤一樣。正如您將看到的，我不得不爲表格中的每個子部分創建新樣式以顯示內容。任何幫助將是偉大的！全球使用Wordpress主題的CSS樣式「a」標籤

/* 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; 
}

來源

2017-04-25 Geo McDougall

這裏有你需要爲了做修改這些鏈接的步驟：

首先，從芥蘭主題做一個子主題： https://codex.wordpress.org/Child_Themes
然後，添加你的CSS覆蓋您創建的Kale Child Theme中的{}和任何其他指向style.css的鏈接。我創建最佳替代這是在style.css文件的末尾：
```
body a {color: red !important;} 
```

如果這些孩子的CSS覆蓋不工作，你需要讓他們更加具體;在你的例子中你引用的代碼有更多的「特異性」，所以你的覆蓋需要在它們被引用之後（按照CSS代碼順序），並且在全局CSS級聯中更「特定」。

如果你已經顯示的CSS是在子CSS中，那麼不要重寫它，只需在style.css表單中找到它們就可以編輯它們，並且將覆蓋父主題樣式。

這應該解決您的問題。

來源

2017-04-25 17:11:07

起初，我創建了一個子主題然而，這打破了導航佈局，所以這將是最好，如果我可以根據需要編輯上面的代碼。這可能嗎？ –

我剛剛做了一個測試，我的工作正常。如果你的不是我們做的另一個建議，那就是編輯和更新style.css文件。我剛剛安裝了一個新的wordpress，並製作了一個羽衣甘藍兒童主題，並且工作正常。 –

我正在使用一個插件來創建子主題，這可能是爲什麼它打破了導航。儘管如此，現在所有的工作都已經設法找到合適的選擇器。感謝您的建議 –

感謝您的幫助，我發現通過子主題編輯器中選擇（。單.entry-內容）

來源

2017-04-25 22:07:21

您應該刪除它並將其添加爲回覆帖子的評論。 –

全球使用Wordpress主題的CSS樣式「a」標籤

回答

相關問題