将类添加到 wp_list_pages 中的链接

Question

我正在尝试在函数内的列表项上创建悬停效果wp_list_pages()。我正在为 Wordpress 创建主题，但似乎无法使悬停效果发挥作用。我对此还很陌生，所以请耐心等待。

我的 CSS 看起来像这样：

a.nav:hover { color: yellow; } 

因此，对于我的 html 代码，我将“nav”类添加到我的链接中，如下所示：

<ul class="nav">
<li><a class="nav" href="#">HOME</a></li>
</ul>

这有效，它将链接的颜色更改为黄色。到目前为止，一切都很好。但是当我尝试将此 html 代码更改为 php 代码时，该类不存在。

我使用该wp_list_pages()函数，如下所示：

<ul class="nav">
<?PHP wp_list_pages('title_li=&depth=1&sort_column=menu_order&exclude='); ?>
</ul>

那么结果是：

<ul class="nav">
<li class="page_item page-item-23"><a href="http://example.com/blog/page_id=23">HOME</a></li></ul>

所以我的问题是，如何将nav课程添加到此链接？函数中是否有属性之类的？再说一次，我对此真的很陌生

Answer 1

wp_list_pages() 来自http://codex.wordpress.org/Function_Reference/wp_list_pages#Markup_and_styling_of_page_items的wordpress文档：

由 wp_list_pages() 生成的所有列表项 (li) 都标有 page_item 类。当显示页面时调用 wp_list_pages() 时，该页面的列表项将被赋予附加类 current_page_item。

这样，您可以做的最简单的事情就是将悬停代码更改为：

li.page_item:hover { color: yellow; }