正文 

当前位置： 首页 > 知识 >

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

     2023-03-04     255

关键词：

【中文标题】如何在 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 文件上使用以下代码：

在 wordpress 子主题中覆盖父 css 的媒体查询

】在wordpress子主题中覆盖父css的媒体查询【英文标题】：Overridingmediaqueriesofparentcssinwordpresschild-theme【发布时间】：2013-11-2618:20:34【问题描述】：我想创建一个响应式wordpress主题的子主题。父主题的css定义了一些媒体查询，例如... 查看详情

如何通过wordpress中的functions.php覆盖父主题的公共静态函数？

】如何通过wordpress中的functions.php覆盖父主题的公共静态函数？【英文标题】：Howtooverridepublicstaticfunctionofparentthemethroughfunctions.phpinwordpress?【发布时间】：2020-05-1315:03:55【问题描述】：这是在父主题中声明函数的方式，我想更改... 查看详情

如何使用 zee 样式主题更改 Wordpress 标题中的字体

】如何使用zee样式主题更改Wordpress标题中的字体【英文标题】：HowtochangefontinWordpressheaderwithzeestyletheme【发布时间】：2012-11-0405:36:57【问题描述】：我被困住了，我创建了一个带有zee风格主题的WordPress网站。我还应用了一个名为... 查看详情

wordpress后台编辑如何显示定义的`style.css`样式

wordpress后台编辑如何显示定义的style.css样式由于公司官网采用wordpress进行搭建，但是却又自己设计页面，无奈主题只能自行构建了，直接修改wordpress自带的主题进行修改。问题如何能够在可视化界面编辑时，直接显示需要展示的... 查看详情

如何在颤动中覆盖 MaterialApp 的主题

】如何在颤动中覆盖MaterialApp的主题【英文标题】：HowtooverrideMaterialApp\'sthemeinflutter【发布时间】：2021-04-0815:17:50【问题描述】：我正在尝试使用Theme小部件来覆盖特定容器的主题样式。在这里，我将所有文本小部件的正文文本颜... 查看详情

样式按顺序加载，但 Bootstrap 仍然覆盖 WordPress 子项

】样式按顺序加载，但Bootstrap仍然覆盖WordPress子项【英文标题】：Stylesloadedinorder,butBootstrapstilloverridesWordPresschild【发布时间】：2018-07-0623:15:10【问题描述】：我创建了一个WordPress子主题，它可以在源代码中正确呈现Bootstrap和child-... 查看详情

当托管在 openshift 上时，WordPress（Redux 框架主题）中样式表和 Javascript 的路径无效

】当托管在openshift上时，WordPress（Redux框架主题）中样式表和Javascript的路径无效【英文标题】：InvalidpathsofStylesheetandJavascriptinWordPress(Reduxframeworkthemes)whenhostedonopenshift【发布时间】：2017-11-2402:57:25【问题描述】：主题选项面板无... 查看详情

如何在wordpress主题中注册html页面的Css

】如何在wordpress主题中注册html页面的Css【英文标题】：HowtoregisterCssofhtmlpageinwordpresstheme【发布时间】：2016-12-1503:08:17【问题描述】：我是wordpress开发的新手。我试图将响应式html页面转换为wordpress主题，但html页面的CSS在wordpress主... 查看详情

如何在子主题中使用父主题的常量。 WordPress

】如何在子主题中使用父主题的常量。WordPress【英文标题】：HowIcanUseparenttheme\'sconstantsinchildTheme.Wordpress【发布时间】：2015-07-0203:31:30【问题描述】：我创建了一个子主题，当我加载站点时它没有找到保存在父主题函数文件中的... 查看详情

如何在 WordPress 主题中使用 BootStrap？

】如何在WordPress主题中使用BootStrap？【英文标题】：HowtouseBootStrapinsideaWordPresstheme?【发布时间】：2014-02-0721:46:57【问题描述】：我是WordPress和BootStrapCSS框架的新手，我有以下疑问：我已经安装了这个集成了BootStrap框架的主题，我... 查看详情

覆盖 PrimeReact 样式

...描述】：我正在尝试找到覆盖用于PrimeReact的默认“Nova”主题的最佳解决方案。我知道他们有一个可供购买的主题设计师，但我最好不要使用它。以前，我的反应应用程序中的每个tsx文件都有一个scss文件。我正在使用诸如-之类... 查看详情

如何在shopify中覆盖主题

】如何在shopify中覆盖主题【英文标题】：Howtooverwritethethemeinshopify【发布时间】：2020-06-1108:26:06【问题描述】：任何人都可以帮助我如何覆盖Shopify中的主题。是否有任何选项可以在主主题下创建自定义子主题并将自定义代码写入... 查看详情

如何在 Wordpress 的 Enfold 主题中更改博客中显示的默认帖子数量

】如何在Wordpress的Enfold主题中更改博客中显示的默认帖子数量【英文标题】：HowtoChangeDefaultNumberofPostsShowinginaBloginEnfoldThemeforWordpress【发布时间】：2014-05-2110:23:32【问题描述】：我正在开发带有enfold主题的wordpress，http://themeforest.n... 查看详情

如何在wordpress网站上定义元素的粘滞位置(代码片段)

在我的WordPress网站上，我想为三个元素定义一个粘性位置。我尝试了两种方法，但没有奏效。首先-我使用了插件'StickyMenu（或Anything！）'，但我不能粘贴多个元素。第二-我在附加CSS部分添加了CSS代码，但它没有用。我的CSS代码... 查看详情

如何在 WOffice 主题 wordpress 主题中获取活动用户数据库表

】如何在WOffice主题wordpress主题中获取活动用户数据库表【英文标题】：HowtogetactiveuserdatabasetableinWOfficethemewordpresstheme【发布时间】：2018-03-2007:31:15【问题描述】：我正在为我的网站使用woffice主题的WordPress。我正在为上述网站开... 查看详情

phpgenesis/wordpress-在儿童主题中注册和排队自定义样式表(代码片段)

查看详情

如何将主菜单居中对齐？主题 Uncode Child - Wordpress

】如何将主菜单居中对齐？主题UncodeChild-Wordpress【英文标题】：Howtoalignmainmenutocenter?ThemeUncodeChild-Wordpress【发布时间】：2017-08-2512:38:34【问题描述】：我正在使用Uncode主题1.4，但遇到了一个小问题。我的主菜单向左移动27.5像素，... 查看详情

如何从 wordpress 中的选项设置样式（设置 API）

】如何从wordpress中的选项设置样式（设置API）【英文标题】：Howsetstylefromanoptioninwordpress(settingsAPI)【发布时间】：2017-04-0921:50:25【问题描述】：我正在创建一个带有管理面板的Wordpress主题，用户可以在其中更改段落颜色、正文背... 查看详情