如何在 wordpress 主题中覆盖以前的样式？

Posted 2023-03-04

【中文标题】如何在 wordpress 主题中覆盖以前的样式？

【英文标题】：How can i override previous styling in a wordpress theme?

【发布时间】：2018-01-12 12:41:34

【问题描述】：

好的，这就是我要使用的样式

 .suggestion-taxonomies-product-visibility span 
      display: inline-block;
      float: left;
      padding-left: 10px;

    

通常在这里提到元素似乎不起作用，有什么想法吗？如果需要，我可以指定更多。我是新手，不擅长说明我的问题！

谢谢。

【参考方案1】：

使用重要的喜欢

.suggestion-taxonomies-product-visibility span 
      display: inline-block !important;
      float: left !important;
      padding-left: 10px !important;

    

【讨论】：

我认为这是个坏主意。尽量避免!important。使用正确的 CSS 选择器，您也可以这样做。

【参考方案2】：

将您的样式放在主题样式表之后。它将覆盖主题样式。更好的是，您可以替换 styles.css 文件中的Suggestion-taxonomies-product-visibility 类跨度样式。如果您选择后者，更新主题时更改将丢失。您可以通过为当前使用的主题构建子主题来避免这种情况。

【讨论】：

我有点困惑你的第一种方法到底是什么。我创建了一个子主题，这就是我正在编辑的内容，但它仍然给我带来了问题。

在 header.php 文件中，主题的样式已经链接在那里。您只需将样式放在这些链接下方。如果您使用的是子主题，请将 .suggestion-taxonomies-product-visibility span 块中的规则替换为您希望应用的规则。

【参考方案3】：

在每个中使用 !important 标签，例如：

.someclass 
 width: 10px !important;

【讨论】：

这个我试过了，还是不行....suggestion-taxonomies-product-visibility span display: inline-block !important; float: left !important; padding-left: 10px !important;

@DavidJamesMitten 您要覆盖的那些属性在您的跨度的样式属性中？我的意思是，你有 样式 attr 将覆盖任何 css。

我不确定，因为很难找到它们，我正在编辑别人的代码。

span 标签似乎没有任何特定属性。通过添加一个预先设计的clear: both;，我取得了一些进展，至少表明我可以实现它。

@DavidJamesMitten 检查使用 chrome 开发控制台（Windows 上的 F12）并检查该跨度是否具有某种样式属性。您能否提供有关文件访问的更多信息，如果您可以编辑主题的 php 文件，您可以使用 JS 和 jQuery 覆盖任何 css 和样式属性，在头 php 文件上使用以下代码：