php - 将类添加到 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() 的 wordpress 文档 http://codex.wordpress.org/Function_Reference/wp_list_pages#Markup_and_styling_of_page_items :

ll list items (li) generated by wp_list_pages() are marked with the class page_item. When wp_list_pages() is called while displaying a Page, the list item for that Page is given the additional class current_page_item.

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

li.page_item:hover { color: yellow; }