如何在特定页面上应用CSS类?

时间:2019-03-10 16:56:05

标签: php css wordpress class custom-post-type

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

  • single-actress.php
  • single-films.php

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

.single .nameclass (从理论上讲,仅应在 single.php 中使用)

...但是不!这也会影响其他自定义帖子类型中以“ single-actress.php”和“ single-films.php”开头的内容

我如何仅在single.php (Wordpress的普通帖子)中申请,而在其他“自定义帖子”类型中不申请?

3 个答案:

答案 0 :(得分:1)

如果要在特定页面上应用CSS,请在wordpress中。 每个页面中都有一个唯一的类,称为 page-id-11

enter image description here

enter image description here

使用此id-id-11作为父类,您可以将CSS专门应用于任何页面

希望这会有所帮助

接受它是否有帮助

答案 1 :(得分:0)

不能完全确定特定情况的详细信息,但是css :not()伪类可能会派上用场。像

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

这可能会有所帮助,这取决于您的主题,确切的目标等。此外,尽管可能存在jquery解决方法,但:not中可能不支持在一个以上的类。 / p>

答案 2 :(得分:0)

在header.php文件中,修改以下行:

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

对此:

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

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