Question

您好，我有一个儿童主题，我只想为我的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);
}

Answer 1

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

 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');

有可以使用的条件列表，请参见链接https://codex.wordpress.org/Conditional_Tags

设置单页Wordpress儿童主题样式

1 个答案: