Internet Explorer段落文本样式不级联

Question

我有一个段落样式应用于包装器，但在Internet Explorer中（我用IE 11进行测试）样式没有级联。

我的css如下：

.typo--paragraph p, .typo--paragraph {
      font-family: "Brown Regular", "Helvetica", sans-serif;
      font-weight: normal;
      font-size: 13px;
      font-size: 0.813rem;
      line-height: 1.375rem;
      color: #7272f1;
      text-align: left; }

在某些情况下，我不能将.typo - 段类直接应用于<p>标记，因为CMS有限制。但是，如果我直接应用样式，它可以正常工作。

HTML遵循这种结构。

<div class="typo--paragraph">
  <p>Paragraph text</p>
</div>

它在所有其他浏览器中按预期工作