dialogOverlay::before für 1 Dialog dunkler machen

Hallo,

es gibt die CSS-Anweisung

.dialogOverlay::before {
    background-color: rgba(0, 0, 0, .4);
}

die ich gerne für einen Dialog mit einer speziellen data-id anpassen würde (etwas dunkler machen). Ist das per reinem CSS möglich? Die data-id des Dialogs liegt nämlich unter .dialogOverlay. Ein parent-Selektor gibt es in CSS ja soweit ich weiß nicht.

Der Dialog wird auf mehreren Seiten eingebunden und zudem werden auf den Seiten auch noch andere Dialog eingebunden.

Im "schlimmsten Fall" kann ich es ja per JS machen:

UiDialog.getDialog("foobar").dialog.parentNode.classList.add('darker');