Question

我有一个Wordpress网站，我想仅在索引页面的header.php中更改某些CSS值。我有一个100％宽度的div和边框底部为header.php添加下划线

<div class="nav"> 

   ...content to create nav-bar ...

    <div class="hr"></div> <!-- remove on index.php -->

</div>

我不希望它显示或影响index.php上的任何内容。（我不想为另一个小东西定位另一个header.php文件）

Answer 1

通常，默认情况下，在Wordpress网站中，body元素的首页有home个类。

因此，在您的CSS中，您可以尝试以下方法：

.home .nav .hr { display:none; }

Answer 2

Wordpress有一个名为body_class的模板标签，用于创建上下文CSS挂钩。

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

然后您可以在CSS中使用它，如下所示：

.blog {}
.blog.home {}
/** if blog index is a page **/
.page.blog {}

请参阅the documentation了解相当广泛的可能输出列表。