我試著將nth-child(odd)應用于有序串列行，但它沒有覆寫所有的行寬...有什么建議嗎？
span class="hljs-selector-tag">li{
font-family: serif;
font-size: 20px;
position: relative;
padding: 20px 0px 10px 20px;
margin-left: 40px;
}
li:nth-child（odd）{
background-color: violet;
}uj5u.com熱心網友回復：
你可以嘗試在li元素上添加 "display: block; "屬性
。li {
font-family: serif;
display: block;
font-size: 20px;
position: relative;
padding: 20px 0px 10px 20px。
margin-left: 40px;
}
uj5u.com熱心網友回復：
你可以使用list-style-position: inside;意味著子彈頭將在串列項內。由于它是串列項的一部分，它將成為文本的一部分，并將文本推到開頭
另外，ul標簽有默認的padding，可以通過注釋代碼洗掉
span class="hljs-comment">/*ul {
margin: 0;
padding: 0;
}*/
li {
font-family: serif;
font-size: 20px;
position: relative;
padding: 20px 0px 10px 20px;
margin-left: 40px;
list-style-position: inside;
}
li:nth-child(odd) {
background-color: violet;
}<ul>
<li>Text 1</li>
<li>Text 2</li>/span>
<li>Text 3</li>/span>
<li>Text 4</li>/span>
<li>/span>Text 5</li>/span>
</ul>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/321638.html
標籤：
上一篇：如何根據螢屏大小動態地縮小尺寸