css - 为什么不会是 :active work in sidebar widget?

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;
}