我想創建一個自定義專案符號串列（更改專案符號顏色）并調整行的邊距而不影響每一行（第一行是 75px，第一行右邊第二個 15px）。現在它只是使第一行 75px，然后第二行距邊框 150px。html:
<div class="vocab">
<p1>Vocab</p1>
<div class="list">
<ul>
<li>Word</li>
<ul>
<li>Definition</li>
</ul>
</ul>
</div>
</div>
CSS：
.vocab > .list ul {
list-style: none;
margin-left: 75px;
padding: 0;
color: black;
}
.vocab > .list ul li::before {
content: "\2022";
padding: 10px;
color: red;
}
uj5u.com熱心網友回復：
我認為您的問題是嵌套串列。每個串列都有一個margin-left: 75px，這意味著第二個串列將縮進 2 * 75px。
我認為最好的解決方案是讓您重新考慮您的標記。你真的需要第二個 ul 元素嗎？也許不同的元素會更好？例如，在里面li你可以有 2 個跨度，一個用于單詞，另一個用于單詞定義。
但是，如果您想保留該標記，并從第二個 ul 中洗掉邊距，也許這樣的事情會幫助您：
ul ul {
margin-left: 0 !important;
}
這將洗掉ul另一個元素內部的任何元素留下的邊距ul。由于!important您已經使用的選擇器的特殊性，因此需要
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/512274.html
標籤：htmlcss