在style.css中隐藏css源代码

我注意到当您通过源代码视图打开链接时，一些WP网站的style.css文件几乎为空。例如，仅显示这些行。在style.css中隐藏css源代码

/* 
Theme Name: xxxx 
Author: xxx 
Author URI: http://xxxx.com 
Description: 
Version: 1.0.0 
*/ 

*{ 
    margin:0; 
    padding:0; 
    outline:none; 
}

我该怎么办？ Thx为您提供帮助。

来源

2016-07-28 made leod

这不是隐藏，但包括CSS作为单独的文件。 – nicael

它们很可能包含其他CSS文件，其中包含其他样式，因为上面给出的示例是一个简单的CSS重置，它会从中删除所有边距，填充和轮廓，每 html元素。它与从一张空白纸开始，删除所有线条基本相同。

所以，现在您可以添加自己的自定义CSS文件，而不需要担心任何可能影响它的父声明。

将CSS文件添加到Wordpress的正确方法是通过函数文件。

在某处创建另一个CSS文件，然后在wp_enqueue_scripts钩子中排入新文件。注意：你应该搜索你的函数文件，看看这个钩子是否已经在那里，因为你不应该复制并粘贴到你的文件，如果它。

function load_scripts() { 
    wp_enqueue_style('stylesheet', get_stylesheet_uri()); // Your existing style.css file 
    wp_enqueue_style('custom-css', get_template_directory_uri().'/css/custom.css', array('stylesheet'); // Your new css file, with path, and dependency, so it loads AFTER the original stylesheet 
} 
add_action('wp_enqueue_scripts', 'load_scripts');

来源

2016-07-28 15:08:52 Lee

我只是补充说，这个重置（以及一般的任何重置）是一件非常糟糕的事情。像normalize.css这样的CSS基础通常是一个更好的主意。 – EmmanuelB

我想你是问如何隐藏CSS文件的来源，并仍然让浏览器使用它。夫妇的东西在这里，你可以（应该）了解这些更

你应该知道在WordPress如何style.css中的作品及其在wordpress主题文化
目的，你应该知道的缩小，以及它如何帮助或导致问题，如果你正在创建你不想复制的CSS，或者你正在复制别人的CSS文件，但无法理解它。

wordpress中的第一个style.css文件以主题信息开头，因此每个主题都可以从此文件中获取其元数据。它可以是完全非CSS的，只有主题信息的顶级评论。 Wordpress还有其他注册页眉和页脚中的CSS和JS文件的方法，您可以使用这些方法，并可以通过各种工具（如开发人员工具）查看这些文件。

第二缩小是一个通过引入各种检查来减少文件大小的过程，例如额外空间，组合规则或使变量名称变小。这些规则中的一部分使CSS文件对人类无法读取，但它们确实对浏览器有意义。因此，您可能会在源代码中看到混乱的CSS文件，但某些浏览器（如Chrome）可以在检查元素时将其解压缩。

要回答你的问题的主题的作者已经把那些行CSS文件，并存储主题然而它的CSS剩下的就是在其中的头部或实际页面的底部排队的其他文件。也可能这个主题可能不需要太多的CSS，并使用默认的浏览器CSS或它是内联的。还有一些疯狂的人生活在没有CSS的情况下。

你怎么能做到这一点？

在你的主题使用this technique添加其他文件，如果你愿意，你可以从主题复制所有CSS到另一个文件名为blabla.css并把它放在你的主题文件夹，并从style.css中删除所有的CSS除了主题元数据。排队它和style.css将显示为空，而blabla.css将具有所有的CSS。

来源

2016-07-28 15:17:48

在style.css中隐藏css源代码

回答

相关问题