如何在特定页面上应用 CSS 类？答案

【问题标题】：How do I apply CSS class on a specific page?如何在特定页面上应用 CSS 类？
【发布时间】：2019-08-01 01:47:05
【问题描述】：

我有 2 种自定义帖子类型：

我知道可以将页面的特定 CSS 类放在文件名前面。示例：

.single .nameclass（理论上应该只适用于single.php）

...但是不！这也会影响其他自定义帖子类型以单个开头的内容（single-actress.php 和 single-films.php）

我怎样才能只适用于single.php（Wordpress 的普通帖子）而不适用于其他自定义帖子类型？

【问题讨论】：

【解决方案1】：

如果你想将 css 应用到特定页面，在 wordpress 中。每个页面都有一个独特的类，称为 page-id-11

使用这个 page-id-11 作为父类，您可以专门将 css 应用于任何页面

希望对你有帮助

如果有帮助请采纳

【讨论】：

我想将它应用到所有 wordpress 帖子，它不是一个特定的页面。这就是我在 css 类前面指定 .single 的原因。但正如我所说，它也会影响自定义帖子类型

【解决方案2】：

不完全确定您的特定情况的详细信息，但也许 css :not() 伪类会派上用场。类似的东西

.single:not(.one-cpt,.another-cpt) {

这可能会或可能会有所帮助，具体取决于您的主题、您的确切目标等。此外，在 :not 中包含多个类可能仅在 Safari 中受支持，尽管可能有 jquery 解决方法。

【讨论】：

【解决方案3】：

在你的 header.php 文件中，修改这一行：

<body <?php body_class(); ?>>

到这里：

<body <?php body_class('posttype-' . $post->post_type); ?>>

这会将一个类添加到正文标签posttype-abcdef，以便您可以定位它。

【讨论】：