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

我将要使可湿性粉剂插件，并希望使其主题独立

我的意思是，无论使用什么主题，我都需要这个小部件在CSS中保持样式设置。我担心这个主题会改写它的风格

---

最好的CSS技术是什么？我应该使用基于小部件ID（#）或其类（.）的样式吗？

如果使用ID定义容器并让所有样式声明在选择器中使用此ID，则不太可能有人覆盖您的样式

#MyWidget p {
    color: #ffcc00;
}

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

---

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

如果您使用ID定义容器并让所有样式声明在选择器中使用此ID，则不太可能有人覆盖您的样式

#MyWidget p {
    color: #ffcc00;
}

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

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

当函数启动时，使用它将样式表包含到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');

函数wp\u mywidget\u css（）{
$siteurl=get_选项（'siteurl'）；
$url=$siteurl.'/wp content/plugins/'.basename（dirname（_文件__））。/styles.css'；
回显“\n\n\n”；
回音“\n”；
回显“\n\n”；
} 
添加动作（'wp_head'，'wp_mywidget_css'）；

在插件文件夹中放置一个名为“styles.css”的文件，其中包含上面文章中的代码，这样可以防止任何主题干扰您的样式，只需将您的小部件样式命名为独特的…

当函数启动时，使用该文件将样式表包含到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');

函数wp\u mywidget\u css（）{
$siteurl=get_选项（'siteurl'）；
$url=$siteurl.'/wp content/plugins/'.basename（dirname（_文件__））。/styles.css'；
回显“\n\n\n”；
回音“\n”；
回显“\n\n”；
} 
添加动作（'wp_head'，'wp_mywidget_css'）；

在你的插件文件夹中放置一个名为“styles.css”的文件，其中包含上面文章中的代码，这样可以防止任何主题干扰你的风格，只需将你的小部件风格命名为独特的