wordpress自建页面不继承自带主题css-1号优惠分享网

问题：用的wordpress主题的新建页面，也在页面代码中引进了自定义的css链接，但是里面的h2标签和链接都是用的自带主题的css样式。css冲突

分析：

如果您在WordPress主题页面中引用了自定义的CSS链接，但样式仍然没有生效，可能有以下几个原因：

请确保href属性中的路径是正确的，并且CSS文件已上传到相应的位置。

CSS文件未被加载：在您的浏览器中打开开发者工具（通常使用F12键或者右键点击页面后选择“检查”），然后查看网络面板。查找您添加的CSS文件是否已成功加载。如果文件未加载，可能是由于路径错误、文件权限问题或其他原因导致的。
CSS样式冲突：WordPress主题可能自带一些样式表文件，它们可能会与您的自定义CSS冲突。在这种情况下，您可以尝试在自定义CSS文件中使用更具体的选择器或者使用!important规则来覆盖主题的样式。

这将使您的样式覆盖主题中的同名样式。

WordPress过滤器或主题钩子：WordPress主题可能使用过滤器或钩子来修改或覆盖默认的输出。这可能会导致您的自定义CSS在某些情况下被忽略。您可以检查主题的文档或源代码，了解是否有相关的过滤器或钩子，并尝试禁用它们以查看是否解决了问题。

如果您已经排除了上述问题但样式仍然没有生效，可能是由于其他原因导致的。在这种情况下，您可以提供更多关于您的问题的详细信息，以便我可以更好地帮助您解决问题。

解决方法：

你想取消继承链接下划线，可以采取以下方法：

在WordPress主题的style.css文件或当前所使用主题，使用页面的style.css文件中添加以下代码：

a:link, a:visited {  
    text-decoration: none; /* 取消链接下划线 */  
}

以上代码中的a:link和a:visited分别表示未点击链接和已点击链接。通过将它们的text-decoration属性设置为none，就可以取消链接下划线。这适用于所有WordPress主题，不需要考虑是否是WPS或其他编辑器编写的内容。

你想取消继承链h2标签部分内容，可以采取以下方法：

比如自带主题中还有一个h2标签内容.article-content h2 {padding-left: 22px; }这个怎么取消继承这个样式

使用CSS选择器直接为h2标签设置具体的样式。即使其他样式表中的规则可能会影响到h2标签的样式，但在具体的页面中直接为h2标签设置样式会覆盖其他规则。例如，你可以在HTML中的<head>标签内添加以下代码：

<style> 
.article-content h2 {  
    padding-left: 0;  /* 将padding-left设置为0以取消继承 */  
 
}
</style>

反正关键就是如果你自建页面css和主题的冲突了没显示，就找到相应的css设置代码，然后再需要的页面中重新设置或者取消主题自带css设置即可

wordpress自建页面不继承自带主题css