Question

我将制作WP小部件插件，并希望使其与主题无关。

我的意思是我需要这个小部件来保持CSS的样式集，而不管使用的主题如何。我担心这个主题会覆盖它的风格。

最好的CSS技术是什么？我应该使用基于小部件ID（＃）或其类（。）？

的样式

Answer 1

如果您定义一个带有ID的容器并且所有样式声明都在选择器中使用此ID，那么有人可能会覆盖您的样式。

#MyWidget p {
    color: #ffcc00;
}

#MyWidget p a {
    text-decoration: none;
}

选择器越具体，它们的优先级就越高。

Answer 2

触发wp_head()函数时，使用它将样式表包含到css文件中。

function wp_mywidget_css() {

    $siteurl = get_option('siteurl');
    $url = $siteurl . '/wp-content/plugins/' . basename(dirname(__FILE__)) . '/styles.css';

    echo "\n\n<!-- your plugin css styles -->\n";
    echo "<link rel='stylesheet' type='text/css' href='$url'>\n";
    echo "<!-- /your plugin css styles -->\n\n";
} 
add_action('wp_head', 'wp_mywidget_css');

将一个名为'styles.css'的文件放在你的插件文件夹中，其中包含上面帖子中的代码，这应该可以阻止任何主题搞乱你的样式，只需将你的小部件样式命名为独特的......

CSS小部件CSS的最佳方式是在任何主题下保持样式

2 个答案: