html - 如何在导航菜单中的活动菜单上制作边框

Question

嗨，我附上了包含菜单部分的 CSS 代码的一部分。

#menuwrap {
float:left;
width:861px;
height:50px;
background:#ff284d;
padding:0 0 0 120px;
}
 ul.nav {
list-style:none;
float:left;
font-family: 'Carrois Gothic SC', sans-serif;
margin:21px 0 0 0;
}
 ul.nav li{
list-style:none;
float:left;
font-family: 'Carrois Gothic SC', sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
color:#fff;
padding-right:15px;
}
   ul.nav li a{
color:#fff;
text-decoration:none;

    }

单击项目时，我需要显示不同的颜色框。我应该在哪里更改代码？

编辑:: 我只需要显示导航。任何东西都只是一个箭头、一个框、边框或下划线等。

Answer 1

我相信那是WordPress。你的 CSS 看起来像这样（但我需要你的 url 来为你提供正确的 CSS - 这只是一个粗略的代码）：

    ul.nav li.current-menu-item a{
    border: 1px solid red; /* this is your border */

}

.current-menu-item 类默认添加到大多数 WordPress 模板导航菜单中，它是我们用来定位活动/选定菜单的对象。