Question

根据您所在的菜单部分，查看内容区域周围的边框如何变化？

我有一个想法，但我想知道是否有更简单的方法来做到这一点。

编辑：好吧，我的想法：我甚至不确定这是否可行，它将根据页面所属的类别为内容菜单创建不同的类，然后将这些类设置为CSS与我想要的颜色。但我觉得这是一个更好的方法，我不知道。

Answer 1

单独识别页面，然后分别设置相关元素的样式，同时用唯一页面ID区分它们。见下面的例子。

/* Example */

#page-id Element-in-question {

Whatever_you_want_to_happen_goes_here!

}

<强> HTML

/*  Home page HTML */

<body id="home">

<h1>Home</h1>

</body>


/*  About page HTML */

<body id="about">

  <h1>Abou</h1>

</body>

<强> CSS

       #home h1  {
        color: red;
    }

  #about h1 {
   color: green;
}

通过上面的例子，主页上的h1s为红色，而about页面上的h1s为绿色。

<强>的WordPress / PHP

如果页面是动态生成的，您只需将<?php body_class(); ?>添加到开始正文标记即可将body_class模板标记实现为主题，如下所示。这为所有页面分配了唯一的类。

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