Php Wordpress索引页上的特定CSS_Php_Html_Css_Wordpress

Php Wordpress索引页上的特定CSS

php html css wordpress

Php Wordpress索引页上的特定CSS,php,html,css,wordpress,Php,Html,Css,Wordpress,我有一个Wordpress站点，我只想在索引页面上更改header.php中的某些CSS值。我有一个100%宽度和底部边框的div，用于在header.php中添加下划线 <div class="nav"> ...content to create nav-bar ... <div class="hr"></div>  </div> …创建导航栏的内容。。

我有一个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文件）

通常，默认情况下，在Wordpress站点中，

body

元素的首页有一个

home

类

因此，在CSS中，您可以尝试以下操作：

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

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

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

有关可能输出的详细列表，请参阅。

使用

is\u page（）

：

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