Theme Customizer не поддерживает предварительный просмотр изменений на псевдоэлементах

В последнее время я работаю с API-интерфейсом Theme Customizer и обнаружил, что псевдоэлементы не обновляются в реальном времени с помощью средства предварительного просмотра. В моем проекте у меня есть изображение, содержащее прозрачное наложение с использованием псевдоэлементов.

.hero-section:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; } 

Хотя это обновление не обновляется:

  // Update targeting a pseudo element. wp.customize( 'image_color', function( value ) { value.bind( function( newval ) { $('.hero-section:before').css('background', newval ); } ); } ); 

Это обновление в реальном времени:

  // Update targeting a class. wp.customize( 'image_color', function( value ) { value.bind( function( newval ) { $('.hero-section').css('background', newval ); } ); } ); 

Все настройки задаются с помощью postMessage .

  $wp_customize->add_setting('image_color', array( 'default' => '#000000', 'transport' => 'postMessage', ) ); $wp_customize->get_setting( 'image_color' )->transport = 'postMessage'; 

Если я сохраню изменения (обновить), все работает нормально, цвет обновляется. Как может быть, что псевдоэлементы не работают при живом обновлении?

Solutions Collecting From Web of "Theme Customizer не поддерживает предварительный просмотр изменений на псевдоэлементах"