作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想用三 Angular 形突出显示当前页面的菜单项,我使用了这段代码
.current-menu-ancestor > a,
.current-menu-item > a,
.current-page-ancestor > a,
.current_page_item > a{
background-image:url(‘http://www.dailybodycare.dk/wp-content/uploads/2015/11/triunghi_rosu_meniu.svg’);
background-repeat:no-repeat;
background-position:center bottom;
}
但是当我选择一个子菜单项时,该元素是突出显示的,我不希望这样。当我单击子菜单项时,我只想突出显示没有子菜单项的祖先或父项。
我知道我应该使用这段代码
.main-navigation li.current_page_parent > a {
background-image:url(‘http://www.dailybodycare.dk/wp-content/uploads/2015/11/triunghi_rosu_meniu.svg’);
background-repeat:no-repeat;
background-position:center bottom;
}
或者这个
.main-navigation li.current-page-ancestor > a {
background-image:url(‘http://www.dailybodycare.dk/wp-content/uploads/2015/11/triunghi_rosu_meniu.svg’);
background-repeat:no-repeat;
background-position:center bottom;
}
我认为他们也有同样的想法,但我不确定如何正确编写代码。
这是我的网址 www dailybodycare dot dk
最佳答案
将 ul.menunav-menu >
添加到选择器的开头,这样它只会定位顶级链接。
例如,将您当前的选择器更新为:
ul.menunav-menu > .current-menu-ancestor > a,
ul.menunav-menu > .current-menu-item > a,
ul.menunav-menu > .current-page-ancestor > a,
ul.menunav-menu > .current_page_item > a {
background-image: url('http://www.dailybodycare.dk/wp-content/uploads/2015/11/triunghi_rosu_meniu.svg');
background-repeat: no-repeat;
background-position: center bottom;
}
关于jquery - 突出显示当前页面 Wordpress 的菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33862840/
有没有一种方法可以“标记”对象的属性,使它们在反射中“突出”? 例如: class A { int aa, b; string s1, s2; public int AA
我是一名优秀的程序员,十分优秀!