正在尝试将鼠标悬停在我的自定义导航类别按钮上

时间:2021-04-07 作者:Marvin Acosta

我有一个自定义的类别按钮,每个按钮都链接并在同一页回显特定类别。我的目标是在活动链接上放置活动背景悬停颜色。以下是我目前的代码:

<?php
  $args = array(
  \'orderby\' => \'slug\',
  \'order\' => \'ASC\',
  \'parent\' => 0,
  \'hide_empty\' => false
   );
  $categories = get_categories( $args );
  foreach( $categories as $category ){
  echo \'<li><a class="ctg" href="\' . get_category_link( $category->term_id ) .\' ">\' . $category->name . \'</a></li>\';
   }
   ?>
和我的css:

    .ctg:hover {
      background: #A6EBF2;
    }
    .ctg:active {
      background-color: #A6EBF2;
    }
非常感谢您的帮助。

以下是我迄今为止编写的代码:

$categories = get_categories( $args );
             foreach( $categories as $category ){
             $the_category_id = $category->term_id;
             if(function_exists(\'rl_color\')){
                 $rl_category_color = rl_color($the_category_id);
             } else {
                 $rl_category_color = \'#a6ebf2\'; // bg color
              }
              echo \'<li><a href="\'. get_category_link( $category->term_id ) .\'"  class="\' . $category->slug . \'" title="View all posts in \'. esc_attr($category->name) . \'" style="background-color:\' . $rl_category_color .\' ">\' . $category->name . \'</a></li>\';
             

1 个回复
SO网友:John Crumpton

:active是一个选择器,用于在单击以显示单击某物的行为时更改链接。当他们称之为;“活动”;!

您需要添加。active类以显示当前活动元素,并以不同的方式设置其样式。

此外,还可以将CSS与逗号组合在一起

a.ctg:hover, 
.active {
  background: #A6EBF2;
}
然后需要一些代码来添加。激活到激活项,请参见以下内容:

Highlight Current Page in WordPress 3.0 Menus

Adding .active class to active menu item