如何用另一个css文件覆盖一个css文件_Css

如何用另一个css文件覆盖一个css文件

css

如何用另一个css文件覆盖一个css文件,css,Css,我的父页面使用的是custom1.css，子页面使用的是custom2.css。我的问题是子页面css属性被父页面css覆盖。如何阻止作用于子页面元素集的父页面css 如何阻止作用于子页面元素集的父页面css 从子页面的中删除custom1.css引用如果由于某种原因，您无法做到这一点，那么您需要阅读css的特殊性，以便了解“父css”如何覆盖“子css”中的规则 Css是使用级别应用的所以只要在所有东西周围添加一个容器就可以防止它你可以做： .class1#内容{此处为蓝色} .clas

我的父页面使用的是

custom1.css

，子页面使用的是

custom2.css

。我的问题是子页面css属性被父页面css覆盖。如何阻止作用于子页面元素集的父页面css

如何阻止作用于子页面元素集的父页面css

从子页面的

中删除

custom1.css

引用

如果由于某种原因，您无法做到这一点，那么您需要阅读css的特殊性，以便了解“父css”如何覆盖“子css”中的规则

Css是使用级别应用的

所以只要在所有东西周围添加一个容器就可以防止它

你可以做： .class1#内容{此处为蓝色}

.class2#内容{在这里变红}

按文件进行是不可能的。

您应该确保从未发生过，这可能会产生意外的结果

您可以添加

！重要的在css样式之后（这是一个糟糕的示例），或者您可以创建一些更具体的选择器
body div#main{
  /* Style */
}

上述内容更为具体，将“赢得”以下内容：
div#main{
  /* Style */
}

在您的子页面上，如果您同时使用两个CSS文件，请检查您的CSS顺序是否正确
<html> 
<head>
    <title>Page title</title>        
    <link rel="stylesheet" href="custom1.css">
    <link rel="stylesheet" href="custom2.css">
</head>   


页面标题

这样级联将按照您的期望以正确的方式工作
此外，还需要检查其他内容，如CSS的特殊性、继承性和级联。你可以检查一下这个
希望有帮助
 CSS样式按顺序应用。检查此示例，div的第二个和最后一个宽度覆盖的第一个样式将为40px
div{
 width:300px;
}

div{
 width:40px;
}

链接样式表也一样
<link rel="stylesheet" type="text/css" href="style_1.css">
<link rel="stylesheet" type="text/css" href="style_2.css">



这里的style_2.css
覆盖了style_1.css
中的相同样式，因为它是第二个链接
所以你要做的是，样式表最后需要应用链接。
你能分享一个例子吗？这将使它更容易理解。最后处理的CSS规则定义了发生的情况，您应该检查加载顺序。除此之外，给您的子元素一个自己的类会更优雅。