Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 当前菜单项上的悬停状态_Css_Wordpress - Fatal编程技术网

Css 当前菜单项上的悬停状态

Css 当前菜单项上的悬停状态,css,wordpress,Css,Wordpress,我遇到了一个小问题,似乎很难解决。我设计了这个wordpress菜单,每个菜单项都有自己的背景图像。我遇到的问题是,我无法删除或覆盖控制“.current”背景的样式。在主页上,它们看起来不错,但是如果你点击一个链接进入一个页面/类别,那么当前的样式就会出现,并破坏演示文稿。当您将鼠标悬停在当前菜单项上时,图形以奇怪的角度滑入,看起来不太好 nav#omc-main-navigation ul li.current-menu-item a 似乎是我需要覆盖的元素。如果我将背景更改为“无

我遇到了一个小问题,似乎很难解决。我设计了这个wordpress菜单,每个菜单项都有自己的背景图像。我遇到的问题是,我无法删除或覆盖控制“.current”背景的样式。在主页上,它们看起来不错,但是如果你点击一个链接进入一个页面/类别,那么当前的样式就会出现,并破坏演示文稿。当您将鼠标悬停在当前菜单项上时,图形以奇怪的角度滑入,看起来不太好

    nav#omc-main-navigation ul li.current-menu-item a

似乎是我需要覆盖的元素。如果我将背景更改为“无”,我将得到一个空白屏幕。无论如何,以使当前状态与:悬停相同?就像我上面说的,他们都有自己的菜单项{number}。如果这听起来有点混乱,我很抱歉

您可以将.current添加到:悬停样式中吗?例如:

a:hover, a .current { background-color: #333; }

其中定义了悬停状态,例如:

nav#omc-main-navigation ul li#menu-item-4200 a:hover { background: ... }
按如下方式添加当前菜单项:

nav#omc-main-navigation ul li#menu-item-4200 a:hover,
nav#omc-main-navigation ul li#menu-item-4200.current-menu-item a { background: ... }

你有一个内有锚的
  • 。我在Chrome中检查了这些元素(使用右键单击->检查),如果我禁用
    li.current菜单项中的背景色,则动画行为正常。真奇怪。您一定是弄乱了当前菜单项子项的背景属性(位置)。注意:如果您有子页面/帖子,最好添加
    nav#omc main navigation ul li#menu-item-4200.current-menu-parent a
    nav#omc main navigation ul li#menu-item-4200.current-post-祖先a
    nav#omc main navigation ul li#menu-item-4200.current-category-祖先a
    覆盖所有基础。这与我做的类似。我实际上做了这个“导航omc主导航ul-li。当前菜单项#菜单项-11a,导航omc主导航ul-li#菜单项-11a:hover”我不确定如何制作代码格式,但感谢您的帮助。我真的很感激。