Question

我有一个CSS文件，我在HTML页面中这样称呼它：

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

我想要更改文件中的标记：

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

如何将填充从15px更改为30px？我不想更改实际文件，因为它在许多HTML页面中使用，我只希望在此页面中更改它。感谢。

Answer 1

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

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

<小时/> 如果}必须在 CSS文件之前包含，请改用<style>。请注意，这样做可能会导致其他问题。

Answer 2

只需在页面上使用<style>标记即可覆盖样式表：

<style>
    .rt-block {
        padding: 30px;
    }
</style>

Answer 3

你可以通过多种方式做到这一点，这里有两个。

将此代码添加到$(windows).ready

$(".rt-block").css("padding", "30px");

或者您可以为相关页面创建自定义css文件，并覆盖该类，将链接添加到旧css文件下面，如下所示。

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

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

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

.rt-block {padding: 30px;} //inside newstyle.css

Answer 4

最近一个css将在html中应用。

例如 1.有一个css文件包含标签一 2.标题下的一个和标题 3.带容器的一种内联样式。

因此，最后一个最接近的将适用于其他风格

<head>
<style>
    p {
        background : red;
    }
</style>
</head>
<body>
<p style="background:blue">this is text</p>
</body>

更改CSS标记不在网站文件中

4 个答案: