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

Question

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

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

Answer 1

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

p.somename {
   color: blue !important;
}

Answer 2

仅在您要更改的段落上使用该ID，同时将其他ID保留为默认值

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

Answer 3

在HTML中，

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

在CSS中，

 p #colorblue{
color: blue
}

或者tepkenvannkorn的回答是有效的。

p.somename { color: blue !important; }

Answer 4

/ * 在HTML中，

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

在CSS中，

#colorblue {
 color:blue;
}

这有效。您无需解释这是CSS中的一段。仅在CSS中写出该段落的ID。* /