[CSS][JavaScript] Odwołanie do elementu w css przez JS Opcje

[revi]

Witam.

Mam w css ID:

#heart{
background: #ff0000;
}

#heart::after, #heart::before{
background: #ff0000;
}



Chcę zrobić zmianę tła.
W JS dałem:

document.getElementById('heart').style.background = "blue";

i to działa. ale tylko do samego heart.


A pytanie brzmi: Jak odwołać się do #heart::after oraz #heart::before tak, aby tam też zmieniało kolor?

Ten post edytował revi 19.02.2017, 02:25:23

[trueblue]

Jeśli chcesz aby pseudoelementy miały taki sam kolor jak główny element, to ustawiasz background:inherit;
Jeśli inny, to należy do głównego elementu dodać klasę i wtedy już w samym CSS ustawić inny kolor:

Kod

#heart.jakas_klasa::after{
background:#000;
}