覆盖wordpress css？

-4

因此，我目前正在为wordpress中的电子竞技团队创建一个网站，而我刚刚遇到了一个问题，我不记得如何理清。我记得从做扩展铬是有办法做到这一点，但我不记得，这就是为什么我现在在这里:)覆盖wordpress css？

First code 正如你可以看到的图片，这是什么在CSS，我需要保持其他页面，但我想我的一页来覆盖。我有一个框让我可以添加自定义CSS，但是当我添加代码时，它会被旧代码覆盖。我知道为什么会这样happends，但不知道如何解决它在不改变原有的CSS（我宁愿避免）

Overwritten code

所以我的问题是，如何让我的新的CSS覆盖我的旧的CSS ？（我已经尽力了！重要的，它什么都不做）

来源

2017-05-21 Martin Skovrup

询问之前请先研究！ [覆盖WordPress的CSS]（https://css-tricks.com/methods-overriding-styles-wordpress/） – Sank6

Yo can overwrite CSS with adding child selectors for your specified DIV element.

小提琴例这里http://jsfiddle.net/JfGVE/2031/

来源

2017-05-21 11:21:28 Krishna9960

我可以知道为什么这是downvoted？ – Krishna9960

我不知道为什么它是downvoted，与我的帖子相同：/但这不会对我工作，因为我仍然意味着接触原始的CSS，或更改页面调用#header像＃header.specific ，我不能这样做。这就是为什么我只能触摸第二个CSS，只能链接到给定的页面。所以我需要一些可以覆盖第一个CSS的第二个CSS。（比如！重要的命令） –

尝试提高特异性，这应该对你有所帮助。这里是链接https://css-tricks.com/specifics-on-css-specificity/ – Krishna9960

当检查目前适用的特定元素上什么代码，Chrome还会告诉你具体的选择适用什么规则在哪里它来自。你所需要做的就是编写一个更强大的选择器，它将适用。在你的榜样，body:not(.template-slider) #Header { }将...覆盖

body.page:not(.template-slider) #Header {/* CSS here */ }

理想的情况下，虽然，这将是最好不必增加当前选择的特异性，但最后将您的规则，使用的相同的选择器。最简单的方法是在活动主题style.css的末尾添加CSS，除非您的主题/ WP安装混乱。顺便说一下，如果您使用的是自己未开发的主题，那么您的主动主题应该是儿童主题。这很重要，但您应该分别研究它的重要性，有什么好处以及如何去做。

如果要写入您的活动主题style.css（到目前为止，建议WordPress的方式）是不是一种选择，你可以随时把你所有的CSS到您选择的一个单独的样式表（即my-custom-style.css），放置在你的

function add_styles_to_your_active_theme() { 
    wp_enqueue_style (
    'my-custom-style', 
    get_stylesheet_directory_uri() . '/my-custom-style.css', 
    array(), 
    null 
); 
} 

add_action('wp_enqueue_scripts', 'add_styles_to_your_active_theme');

增加它并确保它加载，你可以修改<head>标签的位置由其他注册样式表指定为依赖关系之后：活动主题的文件夹，使用下面的代码在你的活动主题的functions.php注册它的上述呼叫中使用第三个参数wp_enqueue_style()。

您需要将句柄 s其他注册脚本放入该数组中。您可以通过查看任何页面的<head>标签找到控制柄，查找最后加载的<link rel="stylesheet" />标记并从其id中删除结尾-css。例如，如果您上次加载的样式表的链接ID是some-theme-style-css，则拨打wp_enqueue_style()的第三个参数应为array('some-theme-style')。

之后，再次检查<head>标签并确保您的标签是最后一个标签。如果没有，请将<link />的每个<link />的id添加到$deps阵列，剥离-css，直到您的最后一个。当样式表最后加载时，您可以复制粘贴任何应用选择器，将规则更改为您想要的任何内容，然后应用它们。

但请注意，在正常使用条件下，上述方法是不必要的。通常你应该使用一个儿童主题，把你的CSS放在其style.css中，而不必担心这样的棘手细节，这些细节仅限于主题和插件创建者。

来源

2017-05-21 11:45:24

覆盖wordpress css？

回答

相关问题