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

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

html css

Html 更改不在网站文件中的CSS标记,html,css,Html,Css,我有一个CSS文件，我在HTML页面中这样称呼它： <link rel="stylesheet" type="text/css" media="all" href="style.css"> 如何将填充从15px更改为30px？我不想更改实际的文件，因为它在许多HTML页面中使用，我只想在此页面中更改它。谢谢。只需在页面上使用标记即可覆盖样式表： <style> .rt-block { padding: 30px; } </style

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

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

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

只需在页面上使用

标记即可覆盖样式表：

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


.rt块{
填充：30px；
}

只需在页面上使用

标记即可覆盖样式表：

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


.rt块{
填充：30px；
}


.rt块{填充：30px}

在包含CSS文件后，只需在文档中添加一个不同样式的图标即可。

如果绝对必须在CSS文件之前包含

，请使用

.rt block{padding:30px！important}

。请注意，这样做可能会导致其他问题。


.rt块{填充：30px}

在包含CSS文件后，只需在文档中添加一个不同样式的图标即可。

如果绝对必须在CSS文件之前包含

，请使用

.rt block{padding:30px！important}

。请注意，这样做可能会导致其他问题。

您可以通过多种方式进行此操作，但有两种方法

将此代码添加到您的

$（windows）。准备就绪

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

或者，您可以为相关页面创建一个自定义css文件，并重写该类，将链接添加到旧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


.rt块{填充：15px；页边距底部：10px；位置：相对；}//inside style.css
.rt块{padding:30px；}//位于newstyle.css内部

您可以通过多种方式实现这一点，但这里有两种方法

将此代码添加到您的

$（windows）。准备就绪

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

或者，您可以为相关页面创建一个自定义css文件，并重写该类，将链接添加到旧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


.rt块{填充：15px；页边距底部：10px；位置：相对；}//inside style.css
.rt块{padding:30px；}//位于newstyle.css内部

最后一个css将应用于html

比如说 1.标签1中包含一个css文件 2.一个在标题中的标签下，另一个在 3.一个带有容器的内联样式

所以最后一个最接近的样式将应用于其他样式

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


p{
背景：红色；
}
这是文本

最后一个css将应用于html

比如说 1.标签1中包含一个css文件 2.一个在标题中的标签下，另一个在 3.一个带有容器的内联样式

所以最后一个最接近的样式将应用于其他样式

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


p{
背景：红色；
}
这是文本

而不是使用

！重要信息

，您还可以使选择器更具体。与使用

相反！重要信息

，您还可以使选择器更具体。