使用 CSS 和 HTML 为不同的段落设置不同的样式

Question

我有一个关于在段落标签上使用类标签的问题。我希望外部 Css 文件以某种方式设置段落样式，同时将所有其他段落保留为默认样式。我进行了一些谷歌搜索和阅读，发现如果我添加 <p class="somename" > 然后在 css 文件中我可以使用 @ 更改该段落987654323@ 但我发现p{color: red;} 似乎影响了他们所有人。

这只是一个示例问题。我面临的主要问题是我不希望 p.somename 有背景边框。默认的<p> 有边框。

Answer 1

/* 在 HTML 中，

<p id="colorblue">some lorem ipsum here</p>

在 CSS 中，

#colorblue {
 color:blue;
}

这行得通。你不需要解释那是 CSS 中的一个段落。 CSS中只写段落的ID。*/

Answer 2

在 HTML 中，

<p id="colorblue">some lorem ipsum here</p>

在 CSS 中，

 p #colorblue{
color: blue
}

或者 tepkenvannkorn 的回答会起作用。

p.somename { color: blue !important; }

Answer 3

仅在您要更改的段落上使用该 id，而其他的保持默认

    p #colorred{
    color:red
    }
    <p id="colorred">

Answer 4

将p.somename{ color: blue } 放在底部，与p{ color: red} 相比，或者您可以使用!important 来集中覆盖您的样式。例如，

p.somename {
   color: blue !important;
}