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

Question

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

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

Answer 1

在 HTML 中，

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

在 CSS 中，

 p #colorblue{
color: blue
}

或者 tepkenvannkorn 的答案会起作用。

p.somename { color: blue !important; }

Answer 2

放在p.somename{ color: blue }底部比较p{ color: red}或者你可以使用!important你的风格来覆盖。例如，

p.somename {
   color: blue !important;
}

Answer 3

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

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

Answer 4

/* 在 HTML 中，

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

在 CSS 中，

#colorblue {
 color:blue;
}

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