html - 方形项目符号列表错误的字体大小与正文 css

Question

我的侧面菜单中有一个列表，设置似乎没有读取样式表中 .body 类的 css -

ul.develop 
{
list-style-type:square;
color: #FFF;
margin:0;
padding:0;
margin-top:0.6cm;
}



li.develop
{   
font-family: 'Arial', sans-serif;
font-size: 11px;
font-weight: normal;
color:#fff;
}

我的身体课是——

body {
font-family: 'Arial', sans-serif;
font-size: 12px;
font-weight: normal;
}

然后列表默认为正文类 12px，如果我将正文更改为 11px，则列表很好，但我想为现场副本的主要内容的实际正文保留 12px。

我尝试使用 !important 但不确定是否正确？

谢谢

Answer 1

我想你可能没有，试着把你的字体规则放在规则上，.develop因为它们将适用于下面的 's。ulliul.developli

ul.develop 
{
    list-style-type:square;
    color: #FFF;
    margin:0;
    padding:0;
    margin-top:0.6cm;

    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: normal;
}

Answer 2

将与“body”相关的 CSS 放在其他样式的上方/之前。它自上而下阅读。希望有效！