Css 设置单页Wordpress子主题的样式

您好，我有一个子主题，我希望我的主页的特定样式仅适用于我的

style.css

文件。我是否需要在每个元素之前包含

body.home

例如：

body.home .plus_own {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: red;
  font-weight: bold;
}

body.home .header_pad_n ul li:hover .round_inner{ 
  background: #7a56af;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

---

有几种方法可以将样式仅应用于主页，您提到的方法也是一种选择。您可以使用“is_front_page”条件包含css，并将其挂接到wp_标题，例如

 function front_page_css() {
    ?>
          <?php if(is_front_page() ) : ?>
        <style>
           .plus_own {
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             color: red;
             font-weight: bold;
           }

           .header_pad_n ul li:hover .round_inner{ 
                 background: #7a56af;
               -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
             }
        </style>
        <?php endif; ?>
    <?php
}
add_action('wp_head', 'front_page_css');

函数首页\u css（）{
?>
.加上你自己的{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
颜色：红色；
字体大小：粗体；
}
头(pad)ul li:悬停(hover)轮(round)内{
背景：7a56af；
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
您好，欢迎使用Stack Overflow。当您尝试使用和不使用Stack Overflow时，您会得到什么结果？这里的社区通常希望您先尝试一下。谢谢。简短的回答是肯定的，这是一个很好的方法，前提是您的主页的body标签上有
.home
类。一般来说，添加此类内容不是一个好主意将内联样式添加到页面。通过css选择器添加样式将更易于维护。我不同意，这取决于你在做什么，如果你知道它只会在特定页面中使用，那么没有理由不使用它，如果该选项存在，那么它就是要使用的。我只是让他知道可用的选项。有绝对没有理由否决这个答案。有很多理由不使用它。主要的一个是用内联样式覆盖外部链接样式。我同意有一个地方可以使用这个技巧，但有些问题不值得完整回答。你提出了一个很好的解决方案，建议
是头版
，但我不赞成代码示例。从php添加内联样式不是一个好主意，因为它会造成混乱。这很难理解，我不是指任何个人冒犯。冷静，没有冒犯。我礼貌地不同意，我知道所有的缺点和好处，我只是不能保证我的答案值得否决。