不同的<p>标签上的不同css格式

Question

我正在创建一个网站,我从其他网站上读取html数据.

问题是我正在阅读的所有内容都有<p>标签,但我实际上想要以不同方式格式化它们

有没有办法让一些<p>标签使用一种格式,一些<p>标签在同一网页上做其他格式？

Answer 1

用以下内容包装导入的内容:

<div class='imported'>
<p>Imported content here...</p>
<p>These paragraph tags were imported...</p>
</div>

并且样式如下:

div.imported p {
    /* My style for imported <p>s */
}

编辑在回答有关自己样式的注释时<p>,您可以<p>使用如下标准规则对页面上的所有s进行样式设置:

p {
    /* Style for all <p>s */
}

然后导入的<p>s 的更具体的规则将覆盖该规则.

编辑:在回答有关内联样式的注释时,您可以覆盖它们,!important但这会对具有用户样式表的人产生连锁反应.我不相信有一个干净的CSS解决方案 - 你最终可能不得不解析导入的HTML.

Answer 2

是的，如果标签有不同的 CSS 类，例如

超文本标记语言

<p class="foo-site">This is some content lifted from Foo Site.</p>
<p class="bar-site">This is some content lifted from Bar Site.</p>

CSS

p.foo {
    /* Style for Foo Site text */
}

p.bar {
    /* Style for Bar Site text */
}