Nsryjdtyk

I have a problem with JavaFX and CSS in combination with inheritance. I styled my genral dialog pane like this. Each dialogPane contains this specific background image in the header area.

    .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;

    }

But now i would like to have different styled windows in the programm. Each window should have his individual background-image on the top area. So i tried to give the different dialogPanes individual id's with dialogPane.setId("millerBrewer"); for example.

Next i would like to address this specific element in css and give him his own background image in header. It works for the content in body when im just writing the following in my css file:

    #millerBrewer{

    -fx-background-image: url('/splitCards/majesty_icon.png');

    -fx-background-color: #C7EADB;

    }

This changes the content area of the dialog pane for this specific element. But i would like to access the header of the dialog pane and change the image there. I tried with the following code:

#millerBrewer .dialog-pane:header .header-panel {

     //...specific background image here

}

and also this:

#millerBrewer .dialog-pane .dialog-pane:header .header-panel {

    //...specific background image here

}

I think im messing up with the inheritance but i dont know how to inherit correctly on this.

Thanks for helping me!