Question

我正在努力进步＆＃34;进步＆＃34;我的一个工具上的指示器，我希望能够通过使用蓝色药丸（正常颜色）显示已完成哪些步骤，然后未完成的那些将具有灰色（悬停）颜色。

基本上我需要能够创建一个药丸并且有一个类.complete（蓝色）或.incomplete（灰色）。它们都不必有悬停颜色。

enter image description here

目前第一个药丸在此默认列表中处于活动状态，而第二个药丸在我正在悬停的位置。我希望其他3个步骤是灰色，默认情况下它们具有.incomplete类。

我将如何实现这一目标？

Answer 1

.nav > li.incomplete > a {
    background-color: #eee;
}
.nav > li.complete > a {
    background-color: #428bca;
    color: white;
}