为什么在css与其他页面相同的情况下，该元素却发生了变化？

因此，我的任务是删除自定义WordPress主题中某个页面上的横幅。我当然认为，去掉这条横幅会让一切都向上发展。果然有一个H1元素上移了。我本来打算开始操作css，但css与其他没有横幅可删除的页面一样。这些页面的H1 css是相同的。

这是css：

.page-intro h1 {
    padding: 20px 5% 10px;
    color: #fff;
    margin: 0 auto;
    max-width: 1140px;
}

对于保修注册页面。php文件和单个创新。php文件。但是单一的创新。php文件中有一个我删除的横幅：

<div id="post-page">

  <?php get_template_part( \'template-parts/content\', \'page-banner\' ); ?>

  <?php if( get_field( \'product_video\' ) ): ?>
    <div id="video-header" class="full-video">
      <iframe id="player" type="text/html" width="640" height="390" src="<?php the_field( \'product_video\' ); ?>?enablejsapi=1&amp;rel=0;" frameborder="0" allowfullscreen></iframe>
      <div onClick="closeVideo()" class="close-video">
        <p>Close</p>
      </div>

    </div>
  <?php endif; ?>

在删除上述代码时，它导致H1元素向上移动，并隐藏在单个创新中的导航栏后面。php文件：

<?php get_header(); ?>


  <?php get_template_part( \'template-parts/content\', \'page-intro\' ); ?>

  <main class="subpage-content">
    <div class="medium-wrapper">

      <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

        <div class="innovation-information">
          <?php the_field( \'innovation_information\' ); ?>
        </div>

      <?php endwhile; else : ?>

        <p><?php _e( \'Sorry, no posts matched your criteria.\' ); ?></p>

      <?php endif; ?>

    </div>
  </div>
</div>

<script>
  // 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement(\'script\');

  tag.src = "//www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName(\'script\')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player1;
  var player2;
  function onYouTubeIframeAPIReady() {
    player1 = new YT.Player(\'player\', {
      height: \'390\',
      width: \'640\',
      playerVars: { \'controls\': 0, \'rel\': 0 },
      events: {
        \'onReady\': function(event) {
          onPlayerReady(event, \'player\')},
        \'onStateChange\': onPlayerStateChange
      }

但是H1元素的css与页面保修注册相同。从未有过产品视频页面横幅的php。所以我不确定我是否应该继续在单个创新中操作css。php或是否有更简单的方法来解决此问题，而无需更改原始代码。有什么建议吗？

所以HERE 是问题所在的URL，以及HERE 是页面的URL，其外观与预期的外观相同。

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s

相关推荐

在带有PHP的子主题中包含style.css