php - wordpress elementor css类/样式在某些页面上不起作用

Question

在 Elementor 中，我创建了一个部分并添加了一个小部件。

我已将 header.php 文件复制到子主题中，然后复制了该元素的完整 HTML 并将其粘贴到子主题中的 header.php 文件中。

<?php
/**
 * Header template
 *
 * @package woostify
 */

do_action( 'woostify_template_part_header' );

?>
 <header class='elementor-section elementor-top-section elementor-element elementor-element-c79d0f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default' data-id='c79d0f0' data-element_type='section'>
                        <div class='elementor-container elementor-column-gap-default'>
                    <div class='elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30576fa' data-id='30576fa' data-element_type='column'>
            <div class='elementor-widget-wrap elementor-element-populated'>
                                <div class='elementor-element elementor-element-172968b elementor-widget elementor-widget-wp-widget-dgwt_wcas_ajax_search' data-id='172968b' data-element_type='widget' data-widget_type='wp-widget-dgwt_wcas_ajax_search.default'>
                <div class='elementor-widget-container'>
            <div class='dgwt-wcas-search-wrapp dgwt-wcas-has-submit woocommerce js-dgwt-wcas-layout-classic dgwt-wcas-layout-classic js-dgwt-wcas-mobile-overlay-enabled dgwt-wcas-active'>
        <form class='dgwt-wcas-search-form' role='search' action='https://mydomain/' method='get'>
        <div class='dgwt-wcas-sf-wrapp'>
                        <label class='screen-reader-text' for='dgwt-wcas-search-input-2'>Products search</label>

            <input id='dgwt-wcas-search-input-2' type='search' class='dgwt-wcas-search-input' name='s' value='' placeholder='Search for products...' autocomplete='off'>
            <div class='dgwt-wcas-preloader' style='right: 83.8594px;'></div>

                            <button type='submit' aria-label='Search' class='dgwt-wcas-search-submit'>Search</button>
            
            <input type='hidden' name='post_type' value='product'>
            <input type='hidden' name='dgwt_wcas' value='1'>

            
                    </div>
    </form>
</div>
        </div>
                </div>
                    </div>
        </div>
                            </div>
        </header> <?php

在某些页面上（元素/部分和小部件）是物理创建并保存在 Elementor builder 中的，这个 html 片段完美地工作并且样式按预期工作......但是在某些 poages 上它没有......

预期结果

实际结果（在某些页面上）

因此，基本上，某些样式在某些页面上不起作用，当检查控制台时，您可以看到没有样式与类关联，即使它在某些页面上起作用。

对于如何解决这个问题，有任何的建议吗？

标签： phpcsswordpress