如果您的slash.png
只是表面上的,我建议您使用CSS::after
伪元素,它与所讨论元素的虚拟最后一个子元素相匹配。然后使用:last-child
选择器,以避免其显示在最后一项中。应该是这样的:
ul.nav li::after {
background: url(\'images/slash.png\') bottom no-repeat;
content: \'\';
display: inline-block;
width: 20px; // Set this to the width of your slash image
height: 20px; // Set this to the height of your slash image
}
ul.nav li:last-child::after {
background: none;
}
然而,请注意
:after
受IE8+支持,
:last-child
仅受IE9+支持,因此您可能需要解决这些兼容性问题。
要完全按照您的要求执行,您应该通过扩展Walker_Nav_Menu
, 或者你可以试试wp_nav_menu_objects
钩但就你而言,我认为这根本没有必要。