使用外部CSS样式表只更改HTML的特定部分

Question

我有一个HTML文档。

在文档中，我链接了一个外部CSS样式表

cars_object.merge!(cars: [id: ids]).to_json

但是这个外部CSS样式表会修改我的所有HTML文档。

我需要外部CSS样式表才能仅修改HTML文档的特定部分。

Answer 1

您可以用两种不同的方式在html文档中定义css。

<style> //Your style </style>

或内联<tag style:"property:style;"></tag>

Answer 2

如果您希望为特定部分设置样式，只需将其包装在div中，给它一个类并为其设置样式，那么这就是所谓的类。

p { color: red; }

.specific p { color: blue; }

<div class="specific">
  <p>Test</p>
</div>
<p>Test</p>
<p>Test</p>