css - 字母间距和行高不仅影响文本元素

Question

我这样定义主样式表(我元素的默认 CSS):

body {
    color: #000000;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 0.75em; /* 12px */
    line-height: 1.5; /* font-size:1(12px) + line-space:0.33(4px) = 16px */
    letter-spacing: 0.03em;
}

letter-spacing 和 line-height 工作得很好。但是，我发现其中两个也会影响 ul-li 元素。我希望它们只影响文本，而不影响 ul-li 或任何其他元素。

是否对字母间距和行高有任何我不知道的副作用？如果是这样，我怎样才能使行高和字母间距只影响文本？

Answer 1

通过主体定义，您可以将样式应用于页面中的所有元素。尝试识别所需的文本元素，如 div、a、span 等，并像这样创建一个新的 css 条目:

body {
    color: #000000;
    text-align:center;
    margin: 0px;
    padding: 0px;
    font-size: 0.75em; /* 12px */
}
div, a, span {
    line-height:1.5; /* font-size:1(12px) + line-space:0.33(4px) = 16px */
    letter-spacing:0.03em;
}

或将具有特定键的单独样式应用于您的文本元素。