为什么不能a：积极工作在侧边栏小工具？

Question

我的css中有以下内容：

.categories-widget li a:hover {
text-decoration: underline;
}

.categories-widget li a:active {
text-decoration: underline;
}

这在我的sidebar.php中：

<h2 class="big">Categories</h2>
<ul class="categories-widget">
   <?php
   global $parent_id;
   wp_list_categories('show_count=1&title_li=&child_of='.$gateway_parent_id.'&show_count=0&hide_empty=0'); ?>
</ul>

a：hover工作，但不是a：active。是否有一个原因？我该怎么做才能解决它？

Answer 1

因为你有：

，它不会工作

.categories-widget li a:hover {
text-decoration: underline;
}

.categories-widget li a:active {
text-decoration: underline;
}

当鼠标光标当前正在按下元素时，

和：active 伪选择器将匹配。 so it is doing the same thing..

尝试：

.categories-widget li a：hover {     文字装饰：下划线;     }

.categories-widget li a:active {
position:fixed;
padding-top:1px;
color:red;
}