样式使用CSS和HTML不同的风格不同的段落(Styling different paragraph

2019-10-18 06:57发布

我使用的段落标记类标签的问题。 我想外部CSS文件样式的段落以一定的方式,同时保留所有的其他段落到默认style.I做了一些谷歌搜索和阅读,发现如果我添加<p class="somename" >然后在css文件我可以更改使用一段p.somename{ color: blue;}但我发现是p{color: red;}似乎影响到他们的所有。

这只是一个例子问题。 主要的问题IM面对的是,我不想p.somename有一个背景border.And默认<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。* /



文章来源: Styling different paragraphs with different styles using CSS and HTML