是否有一种简洁的方式来设置单个Wordpress导航菜单元素的样式？

Question

我正在编码的Wordpress主题中的导航菜单在同一导航项目中有两种不同颜色的文本。

<span class="nav-item-first">About</span><br /><span class="nav-item-second">Us</span>

我知道我可以在WP菜单选项中添加span类。如果有一种方法我可以保持这种整洁，以便当我把它交给客户时他们看到的只是“关于我们”而不是WP菜单选项中的所有代码，这是理想的。

有什么想法吗？

Answer 1

由于它是一个风格元素，我认为使用javascript替换原始内容是安全的，因此HTML可以保持干净，并且您有一个脚本可以用复杂的HTML替换它。

值得注意的是，javascript不能完全依赖于此任务的100％，因为它不会被渲染，尤其是在打印页面时。

Answer 2

您可以通过这种方式对其进行重新编码，因为整个内容会在某个<a>标记内吗？

<a href="#">About <span>Us</span></a>

以这种方式给出CSS：

a {color: #f00;}
a span {display: block; color: #00f;}