Question

我为主菜单上的每个按钮设置了CSS。当鼠标悬停或按下按钮时，它会变为特殊颜色。但子菜单中没有变化。我找不到我错过的内容。

主页/类别没关系。

主页/类别/子类别|它必须是绿色的，但不是！

当我查看子页面的源代码时。它会显示此代码。

<li id="menu-item-7" class="ucuncu-nav menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-7 mega-menu mega-recent-featured ">

当我在html上添加此行时，它已得到解决。

current-menu-parent current-post-parent

所以，当我这样说的时候它正在修复。

<li id="menu-item-7" class="ucuncu-nav menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-7 mega-menu mega-recent-featured ">

但是我想念CSS？

Answer 1

Finnaly，我修复它只是在ucuncu类中编写一些代码。

var http = require('http');
var jsreport = require('jsreport');

http.createServer(function(req, res) {
  if (req.url !== '/') {
    return console.log('ignoring request:', req.url);
  }

  console.log('request:', req.url);

  jsreport
    .render('<h1>Hello world</h1>')
    .then(function(out) {
      out.stream.pipe(res);
    })
    .catch(function(e) {
      res.end(e.message);
    });
}).listen(1337, '127.0.0.1');

Answer 2

您要添加的current属性是设置一些样式，这将改变颜色，因为current通常用于您当前所在的标签上或悬停在其上。

    .ucuncu-nav:hover,
    .ucuncu-nav.current-menu-item, 
    .ucuncu-nav.current-page-parent,
    .ucuncu-nav.current_page-parent,
    .ucuncu-nav.current-menu-parent,
    .ucuncu-nav.current-page-ancestor{  
     background-color: #669900 !important;

}

您正在寻找的代码。

子菜单中的Mega菜单按钮颜色没有变化

2 个答案: