css - 类(class)字体大小冲突

Question

我与我网站上的字体大小有冲突。 Body Class 的字体大小设置为 0.85em，如下所示。

我设置 0.9em 的另一个类小于我的标准字体大小。我不知道它是怎么来的。

html {
   font-size: 100%;
} 

body, html {
   height: 100%;
}
body{
    font: normal 0.85em/1.3 Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

字体更大的类

.styled_view li.gallery .price .pricetext {
    color: #404040;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}

Answer 1

MDN page for font-size对 em 有很好的解释:

When defining the font-size property, an em is equal to the size of the font that applies to the parent of the element in question.

所以您的 .95em 是基于您设置的父字体大小。由于您的字体大小是小数，因此它将小于父级。