我怎樣才能把這個css給特定的li類？

Question

我正在嘗試將 CSS 波紋管提供給 li 或 span 類，但我真的做不到。 你能幫我解決這個問題嗎？

.nav--icons ul li a.is-active {
  color: #fff;
  background-color: #000;
}
.nav--icons ul li a:hover span,
.nav--icons ul li a.is-active span {
  opacity: 1;
  max-width: 40px;
  transform: translate3d(0, 0, 0);
}

或者我們可以說我不希望該列表項默認為懸停活動。 代碼是這樣的；

           <a class="selected1" href="#home">
            <svg class="icon icon-home" viewBox="0 0 24 24" width="24" height="24">
<path fill="currentColor" d="M21.6 8.2l-9-7c-0.4-0.3-0.9-0.3-1.2 0l-9 7c-0.3 0.2-0.4 0.5-0.4 0.8v11c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3v-11c0-0.3-0.1-0.6-0.4-0.8zM14 21h-4v-8h4v8zM20 20c0 0.6-0.4 1-1 1h-3v-9c0-0.6-0.4-1-1-1h-6c-0.6 0-1 0.4-1 1v9h-3c-0.6 0-1-0.4-1-1v-10.5l8-6.2 8 6.2v10.5z"></path>
            </svg>
            <span class="selected2">Home</span>
          </a>
        </li>

Answer 1

如果您想為 li 選擇器下的每個svg和 li 選擇器下的每個span賦予樣式，您可以編寫：

li svg, li span {
    color: #fff;
    background-color: #000;
}