问题标签 [specific-stylesheets]

我想在我的 WordPress 主题中添加两个样式表。我想有一个样式表用于我的主页，另一个用于我的关于页面。这样做的原因是我想为这些页面的页眉和页脚应用不同的样式。

我在 function.php 中尝试了下面的代码，但它当然没有用。

是否可以在样式表中使用节点或关系的 id？

目前，我知道可以通过 使用节点属性值，可以通过 使用{property-name}关系类型<type>，但不知道是否或如何获取id；我已经尝试过{id}（这不应该工作）和<id>（这似乎是合理的），但都不管用。

使用外部 css 网格是有益的，但加载时间很长，尤其是断点媒体查询。加载多个样式表的利弊是什么，1个主要的样式表带有通用网格布局css，然后是其他样式表以适应该css网格布局的媒体查询断点？
如果这是一个好主意，那么这可能是优化 css 加载的下一个新标准。

 
多媒体查询样式表示
 
例：

这是一个普通的示例网格布局样式表
优点：工作出色且可靠，所有css都在一个位置
缺点：文件非常大，被大量媒体查询块弄乱了

这是基于媒体查询的多个样式表的示例
优点：将代码分段，整理，可以减少每个 Google 文档的加载时间 缺点： 不确定它们到底是什么，也许是浏览器支持，但这就是我需要帮助弄清楚的

 
 
根据我在Googles Developer docs上的信息，仅在需要时加载的样式表（即最大宽度：768px）仅在使用时才被视为“渲染阻止”。当不使用它时，可能会跳过整个样式表，并显着减少当时所需的 css 的初始负载。

这是一个好习惯吗？似乎通过重新定位媒体查询块来减少 2/3 的 CSS 网格系统有很大的好处，但也许这被需要获取多个 CSS 文档的 DOM 抵消了？

我有这个页面，可以在我的新工作中测试网站上某个类别的新布局：

包含的所有样式表都是它们包含在要插入此代码的页面头部的大量样式，最后一个样式表除外，即Pure Grid。这是有问题的，它不会应用它的任何样式。如您所见，我的 HTML 中有来自该样式表的类，但在检查时没有将样式归于它们。然而，之前样式表中的样式正在被应用。

为什么

我已经完全删除了网格样式表并添加了一个简单的行：.display-grid .half { display: inline-block; width: 50%; max-width: 50%; }但如果我排除宽度规则，它只会分成两半。难以置信的。

我刚刚添加了独立的 Bootstrap 网格。