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 等级是-

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

然后列表默认为 body 类 12px，如果我将 body 更改为 11px，列表没问题，但我想为站点副本的主要内容的实际主体保留 12px。

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

谢谢

Answer 1

我想你可能在 ul 而不是 li 上有 .develop，试着把你的字体规则放在 ul.develop 规则，因为它们将应用于下面的 li。

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;
}