如何保护插件显示不受主题的css影响

时间:2013-08-21 作者:Ari

我正在开发一个定制的wp插件,它使用短代码在前端显示表格。但其前端显示受到主题css的影响。因此,始终遵循主题附带的表格样式。

有没有可能保护它不受任何主题的css的影响,而不做任何额外的工作来挖掘插件安装在一起的主题?

2 个回复
SO网友:vancoder

G、 尽管有M.的建议,但请记住,没有任何简单的方法可以将您的桌子与主题隔离开来。CSS选择器具有更高的特异性,或具有您尚未解释的规则,或具有!important 规则始终优先。这实际上是正确的行为,因为网站应该能够根据自己的喜好为元素(包括插件的输出)设置样式。

SO网友:gmazzap

为表添加包装类:

<table class="my_plugin_table">
然后在前端将css文件放入队列(在主插件文件中)

add_action(\'wp_enqueue_scripts\', \'enqueue_my_plugin_css\');

function enqueue_my_plugin_css() {
  wp_enqueue_style( \'my_plugin_css\', plugins_url( \'my_plugin.css\' , __FILE__ ) );
}
这将在前端放置一个名为“my\\u plugin”的css文件。你把css放在插件文件夹中。(如果您没有插件文件夹,则由tyme创建)。

然后在css文件中,在table类前面写下所有样式。E、 g。

/* css */
table.my_plugin_table { ... }
table.my_plugin_table th { ... }
table.my_plugin_table th a { ... }
table.my_plugin_table td { ... }
table.my_plugin_table td a { ... }
。。。等等

结束

相关推荐

如何在插件设置页面中包含css?

我在WordPress仪表板菜单中创建了一个插件设置页面。我想包括该设置页面的css文件。我该怎么做?我正在插件中尝试以下内容,但插件设置页面中不包含css文件:function my_enqueue_styles() { wp_enqueue_style( \'my_plugin\', plugins_url(\'my_plugin/plugin.css\') ); } add_action( \'wp_enqueue_scripts\', \'my_enqueue_st