Html wordpress中的当前菜单项样式

Html wordpress中的当前菜单项样式,html,css,wordpress,Html,Css,Wordpress,我在这里的一个网站上工作: 我希望主导航中的当前菜单项为白色,而不是灰色。在这种情况下,如果您在主页上,导航中的主页链接将为白色 无论我尝试什么,它都是灰色的 .main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main div.menu>ul>li>a, .main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main

我在这里的一个网站上工作:

我希望主导航中的当前菜单项为白色,而不是灰色。在这种情况下,如果您在主页上,导航中的主页链接将为白色

无论我尝试什么,它都是灰色的

.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main div.menu>ul>li>a,
.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main ul.menu>li>a{
颜色:#ccc;
文本转换:大写;
}
.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main div.menu>ul>li>a:悬停,
.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main-ul.menu>li>a:悬停{
颜色:#ccc;
文本转换:大写;
文字装饰:下划线;
}
.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main div.menu>ul>li.current\u page\u item>a,
.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main ul.menu>li.current\u page\u item>a{
颜色:#fff;
}

.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main div.menu>ul>li>a.main-header.menu-type-standard-menu.container.menu-skin-main-ul.menu>li>a{color:#ccc;文本转换:大写;}.main-header.menu-type-standard-menu-menu-menu .standard-menu-container.menu-skin-main div.menu>ul>li>a:hover.main-header.menu-type-standard-menu.standard-menu-container.menu-skin-main-ul.menu>li>a:hover{color:#ccc;文本转换:大写;文本装饰:下划线;}.main-header.menu-type-standard-menu-menu .standard-menu-container.menu-skin-main div.menu>ul>li.current_page_item>a.main-header.menu-type-standard-menu.container.menu-skin-main ul.menu>li.current_page_item>a{color:#fff;}
问题是css的特殊性,如果你检查google chrome有很多标识符,那么你需要构建点,或者作为最后一个选项,使用
!重要信息

li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-631.current_page_item.menu-item-645 a{
   background-color: red;
   color: white;
}