html - 为全局 标签设置异常

Question

我已将全局属性设置为 <p>使段落的第一个字母成为一个大而多彩的字母。现在我有一个 <p>标记我不希望这种情况发生的地方。如何仅向 1 个标签添加异常(exception)？

p::first-letter 
{
    font-size: 200%;
    color: #0565a8;
}

我正在使用上面的代码来获得我想要的效果。现在我有一个段落，我想要简单明了，没有任何效果。

<div id="next_event">
    <p style="padding-left: 5px;">Next event: 13.04</p>
</div>

这是我希望所有内容都以纯文本形式呈现的段落。

Answer 1

您可以使用 :not() 选择器。

替换您之前应用的 CSS:

p:not(.someClass)::first-letter 
{
    font-size: 200%;
    color: #0565a8;
}

您还可以将 .someClass 替换为 #someId