我對前端開發比較陌生，我不明白為什么我會得到這種樣式：
使用此代碼：
ul li{
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.nav-links li:hover{
background-color: var(--goldnav);
color: black!important;
}
當我這次做同樣的事情時，將類名“.nav-links”添加到 ul li：
.nav-links ul li{
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.nav-links li:hover{
background-color: var(--goldnav);
color: black!important;
}
有時候是這樣的：
：
這是 HTML：
<ul class="nav-links">
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Galery</a></li>
</ul>
uj5u.com熱心網友回復：
CSS 選擇器.nav-links ul li將匹配具有 class 的li元素內的ul元素內的所有元素nav-links，例如：
<div class="nav-links">
<ul>
<li><a href="#">Services</a></li>
</ul>
</div>
對于您的情況，您可以使用.nav-links li(match liinside elements with class nav-links) 或ul.nav-links li(match lielements inside ulwith class nav-links)。
uj5u.com熱心網友回復：
這個選擇器：
.nav-links ul li{}
將是此 HTML 構造的選擇器：
<div class="nav-links">
<ul>
<li><a href="#">Services</a></li>
</ul>
</div>
意味著如果你用類名開始你的選擇，nav-links那么下一個選擇器必須是一個子節點。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/386905.html
上一篇：如何使用javascript或css在移動設備中隱藏地址欄
下一篇：如何將時間軸與中間的塊居中？