【问题标题】:CSS styles for all instances of a WordPress widgetWordPress 小部件的所有实例的 CSS 样式
【发布时间】:2015-06-08 14:02:42
【问题描述】:

我正在开发一个使用一些不同小部件的网站。所有小部件都有特定的样式,它们都是不同的。但是,该小部件的每个实例都是相同的。

例如,最近发布的小部件具有紫色背景,没有其他小部件具有紫色背景,但每次使用最近发布小部件时,它都有紫色背景。

当我将 css 放入我的主题时,我注意到小部件附加了它的实例,例如最近的帖子2,但问题是,如果我将最近的帖子小部件拖到另一个侧边栏中,它会变成最近的帖子3,我的CSS不再工作。

有谁知道我如何为整个系列最近的帖子创建 css,所以无论实例是什么 css 都可以工作?

非常感谢!

【问题讨论】:

    标签: css wordpress widget


    【解决方案1】:

    在没有看到代码的情况下无法帮助您,但我会想到您的描述的唯一解决方案是使用一些 jQuery 使用 contains 选择器,找到一个您知道不会更改的字符串,然后使用 @987654322 @ 在 css 中使用 background-color:purple !important; 添加一个类。

    例如$('.sidebar .widget:contains("text")').addClass('purlplebg');

    【讨论】:

      【解决方案2】:

      尝试添加到您的 CSS:

      .recent-posts-global{background-color:purple !important;}
      

      并将其添加到您创建最近博客项目的任何位置,它将覆盖背景颜色。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-12-29
        • 2017-09-23
        • 1970-01-01
        • 2016-01-17
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多