JavaFX CSS наследование с «setID» в диалоговой панели

Question

У меня проблема с JavaFX и CSS в сочетании с наследованием.Я разработал мою общую диалоговую панель следующим образом.Каждая диалоговая панель содержит это конкретное фоновое изображение в области заголовка.

    .dialog-pane {
    -fx-background-color: #F3F0E5;
    }

    /**Customization of DialogPane Header**/
    .dialog-pane:header .header-panel {
    -fx-background-image: url('/splitCards/nobleGuardTop.png');
    -fx-background-size: cover;
    }

Но теперь я хотел бы иметь разные стилизованные окна в программе.Каждое окно должно иметь свое индивидуальное фоновое изображение в верхней области.Поэтому я попытался указать разные идентификаторы dialogPanes, например, с dialogPane.setId("millerBrewer");.

Далее я хотел бы обратиться к этому конкретному элементу в css и дать ему свое собственное фоновое изображение в заголовке.Это работает для содержимого в теле, когда я просто пишу следующее в моем файле CSS:

    #millerBrewer{
    -fx-background-image: url('/splitCards/majesty_icon.png');
    -fx-background-color: #C7EADB;
    }

Это изменяет область содержимого диалоговой панели для этого конкретного элемента.Но я хотел бы получить доступ к заголовку диалогового окна и изменить изображение там.Я попытался с помощью следующего кода:

#millerBrewer .dialog-pane:header .header-panel {
     //...specific background image here
}

, а также это:

#millerBrewer .dialog-pane .dialog-pane:header .header-panel {
    //...specific background image here
}

Я думаю, что я испортил наследование, но я не знаю, как правильно наследовать на этом.

Спасибо за помощь!