Question

悬停时，我正在努力更改该特定li的字体颜色。当鼠标从白色到黑色指向li时，我的代码无法正常工作。

onDestroy()

public void onTaskRemoved(Intent rootIntent) {
        super.onTaskRemoved(rootIntent);
        Toast.makeText(this, "Task Removed", Toast.LENGTH_SHORT).show();
        if (mRestartService){
            Intent intent = new Intent(this, RestartService.class);
            intent.setAction("restart_service");
            sendBroadcast(intent);
        }
    }

Answer 1

删除ul.，.tags-list已经引用到ul。它不包含另一个ul。

.tags-list li{display:inline-block;background-color:#253b5d;    padding: 1px 10px !important;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 14px;   
    transition: all 1s linear;
    }
.tags-list li:hover{background-color: #aebdd5;}
.tags-list li a{transition: all 1s linear;color:white;}
.tags-list li a:hover{color:black;}

<ul class="tags-list">
<li><a href="#">Testing</a></li>
<li><a href="#">Testing</a></li>
<li><a href="#">Testing</a></li>
<li><a href="#">Testing</a></li>
<li><a href="#">Testing</a></li>
<li><a href="#">Testing</a></li>
</ul>

Answer 2

好像您在类选择器之后添加了ul元素之后添加了ul元素。

比较您编写的这两行：

.tags-list li a{transition: all 1s linear;color:white;}
.tags-list ul li a:hover{color:black;} <-- .tags-list and ul is the same element and not nested

第一个正确访问元素，第二个（导致问题）不匹配任何元素，因为它需要嵌套的ul元素。

Answer 3

将.tags-list ul li a:hover更改为.tags-list li:hover a。选择器中重复的ul使其与链接不匹配。

最重要的是，我建议将:hover而不是li放在a上，因此，如果您将鼠标指向空白处，文本颜色也会改变a。

.tags-list li {
  display: inline-block;
  background-color: #253b5d;
  padding: 1px 10px !important;
  text-transform: lowercase;
  font-weight: normal;
  font-size: 14px;
  transition: all 1s linear;
}

.tags-list li:hover {
  background-color: #aebdd5;
}

.tags-list li a {
  transition: all 1s linear;
  color: white;
}

.tags-list li:hover a {
  color: black;
}

<ul class="tags-list">
  <li><a href="#">Testing</a></li>
  <li><a href="#">Testing</a></li>
  <li><a href="#">Testing</a></li>
  <li><a href="#">Testing</a></li>
  <li><a href="#">Testing</a></li>
  <li><a href="#">Testing</a></li>
</ul>

Answer 4

.tags-list ul li a：hover {color：black;} //此行替换为 .tags-list li：悬停一个{color：black;}

悬停时更改单个锂的颜色

4 个答案: