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

Question

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

这只是一个示例问题。我面临的主要问题是，我不想让p.somename具有背景边框，而默认的<p>带有边框。

- MikanPotatos

---

没错。现在有什么问题吗？ - user2026993

我想让类名为“somename”的段落变成蓝色。 - MikanPotatos

可能是在CSS中使用“！important”的影响是什么？的重复问题。 - sinawic

Answer 1

在HTML中，

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

在CSS中，

 p #colorblue{
color: blue
}

或者 tepkenvannkorn 的回答也可以解决问题。

p.somename { color: blue !important; }

- Sarathlal N

Answer 2

将p.somename{ color: blue }放在比p{ color: red}更靠底部，或者您可以使用!important来强制覆盖您的样式。例如：

p.somename {
   color: blue !important;
}

- Tepken Vannkorn

Answer 3

只需在您想更改的段落上使用该ID，同时保持其他段落默认即可。

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

- raul

---

你能详细解释一下吗？我有点不清楚该怎么做。 - MikanPotatos

Answer 4

/* 在HTML中，

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

在 CSS 中，

#colorblue {
 color:blue;
}

这个可行。你不需要解释CSS中的段落是什么。只需要在CSS中写出段落的ID即可。

- Belinux