在 a 上，我們發(fā)現(xiàn)需要在我們的菜單項中添加一些內(nèi)容。這適用于第一個菜單項和最后一個菜單項?，F(xiàn)在我們可以進入 admin 并為第一個和最后一個菜單項添加一個 css 類。但是我們這來了，很可能是他們在菜單中的順序。使用管理面板的方式并不是最多的。所以我們通過使用來做到這一點。在本文中wordpress網(wǎng)站制作，我們將向您展示如何通過 .first 和 .last CSS 類來設(shè)置第一個和最后一個菜單項的樣式。

最近wordpress導(dǎo)航菜單 設(shè)置，在進行自定義設(shè)計項目時，我們發(fā)現(xiàn)需要為導(dǎo)航菜單項添加一些自定義樣式。這種設(shè)計特別要求第一個菜單項和最后一個菜單項的樣式不同。現(xiàn)在我們可以很容易地進入管理員并為第一個和最后一個菜單項添加自定義 CSS 類。但是wordpress做網(wǎng)站，因為我們正在將其交付給客戶，所以他們很有可能將來會重新安排菜單的順序。使用管理面板添加類的方法不是最有效的方法。所以我們決定通過使用過濾器來做到這一點。在本文中wordpress導(dǎo)航菜單 設(shè)置，我們將向您展示如何通過添加 .first 和 .last CSS 類來設(shè)置第一個和最后一個菜單項的不同樣式。

您所要做的就是打開主題的 .php 文件。然后粘貼代碼：

您所要做的就是打開主題的 .php 文件。然后粘貼以下代碼：

function wpb_first_and_last_menu_class($items) {
    $items[1]->classes[] = 'first';
    $items[count($items)]->classes[] = 'last';

    return $items;
}
add_filter('wp_nav_menu_objects', 'wpb_first_and_last_menu_class');

設(shè)置第一個和最后一個菜單項樣式的方法是使用最適用于 .

另一種設(shè)置第一個和最后一個菜單項樣式的方法是使用 CSS 選擇器，它在大多數(shù)現(xiàn)代瀏覽器中都可用。

ul#yourmenuid > li:first-child { }
ul#yourmenuid > li:last-child { }

注意：如果您有很多老用戶 ( )，那么您要避免使用 .

注意：如果您有很多用戶使用較舊的瀏覽器 ( )，您可能希望避免使用以下技術(shù)。

我們希望這有你。我們有一份關(guān)于 CSS 的備忘單，它在菜單項時也可能會派上用場。

希望這篇文章對你有所幫助。我們?yōu)槟J生成的 CSS 類創(chuàng)建了一個備忘單，在設(shè)置菜單項樣式時可能會派上用場。

翻譯自：

文章來自互聯(lián)網(wǎng)，侵權(quán)請聯(lián)系刪除，文章闡述觀點來自文章出處，并不代表本站觀點。 www.bjcthy.com

返回