将每页标题颜色更改为每页一种不同的颜色

Question

我想更改标题的颜色，同时保持主页的颜色。

在我的主页上，字母是黑色的，当我转到其他页面时，我希望字母是白色的，我的网站是用 WordPress 制作的，使用此代码我可以更改标题的颜色

your text

#header .header_default, #header .header_default .stm_header_links a, #header .header_default .header_main_menu_wrapper a, #header .header_default .header_top_bar a, #header .header_default .right_buttons a > i, #header .header_default .header_top_bar {
    color: #EDEDED ;
}

我设法更改标题的颜色，但我需要主页上的标题为白色，而其他页面上的字母为黑色

Answer 1

WordPress 会自动将

home

类添加到网站首页的 body 元素中。

因此您可以使用这些样式定位首页

body.home #header .header_default, body.home #header .header_default .stm_header_links a, body.home #header .header_default .header_main_menu_wrapper a, body.home #header .header_default .header_top_bar a, body.home #header .header_default .right_buttons a > i, body.home #header .header_default .header_top_bar {
    color: white;
}

对于非主页的页面，可以使用这个：

body:not(.home) #header .header_default, body:not(.home) #header .header_default .stm_header_links a, body:not(.home) #header .header_default .header_main_menu_wrapper a, body:not(.home) #header .header_default .header_top_bar a, body:not(.home) #header .header_default .right_buttons a > i, body:not(.home) #header .header_default .header_top_bar {
    color: black;
}