Question

好的，我正在尝试将我的主题与WordPress Customizer API集成。

除了JS部分外，一切都很好。我有这件作品按预期工作：

// Header back color.
wp.customize( 'header_backcolor', function( value ) {
    value.bind( function( to ) {
        if ( 'blank' === to ) {
            $( 'header' ).css( {
                'background': '#18bc9c'

            } );
        } else {
            $( 'header' ).css( {
                'background': to,
            } );
        }
    } );
} );

现在我需要对header hr.star-light:after元素应用相同的修改（动态），但下一篇文章不起作用，尽管代码相同（我只替换{{1} } header：

header hr.star-light:after

有人能告诉我什么是错的吗？它与：伪CSS之后有关吗？我没有得到它，因为它在保存更改后在内联CSS中正常工作。我的问题是只有js才能实时显示变化。

Answer 1

您用于在飞上将样式更改应用于HTML元素的样式的jQuery代码。

例如，您正在更改标题背景颜色，因此结果将采用

形式

<header style="background:#333 /* Your custom background color */; ">
<?php bloginfo('name') // Site Title
?>
</header>

但伪css元素不会发生这种情况，因为它们不是HTML元素，因此无法在上面应用样式时将样式应用于它们。

Wordpress Customizer，FS和：在CSS之后

1 个答案: