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