html - 更改不在网站文件中的 CSS 标签

Question

我有一个 CSS 文件，我在我的 HTML 页面中这样调用它:

<link rel="stylesheet" type="text/css" media="all" href="style.css">

我要更改的文件中有一个标记:

.rt-block {padding: 15px;margin-bottom: 10px;position: relative;}

如何将内边距从 15 像素更改为 30 像素？我不想更改实际文件，因为它在许多 HTML 页面中使用，我只想在此页面中更改它。谢谢。

Answer 1

<link rel="stylesheet" type="text/css" media="all" href="style.css">
<style>.rt-block{padding:30px}</style>

只需在包含 CSS 文件的文档中添加不同的样式。

---

如果 <style>绝对必须包含在 CSS 文件 之前，使用 .rt-block{padding:30px !important}反而。请注意，这样做可能会导致其他问题。