Forum PHP.pl > [CSS][JavaScript] Odwołanie do elementu w css przez JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript] Odwołanie do elementu w css przez JS

revi

19.02.2017, 02:08:52

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?

trueblue

19.02.2017, 08:39:37

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.