Zmiana koloru div po kliknięciu myszką

Question

Witam serdecznie :)

 

Mam pytanie do Was: Jak zrobić w CSS tak, aby po kliknięciu na Div'a zmieniał się kolor tła i kolor czcionki w nim zawarty.

Za odpowiedzi z góry serdecznie dziękuję :)

Answer 1

W CSS powiadasz? http://codepen.io/Comandeer/pen/wMENwL albo :target ;)

Niemniej CSS NIE JEST OD TAKICH RZECZY. To robi się w JS.

Answer 2

$("#div").on("click", function() {
  $(this).css("background", "red");
});

Comments

jQuery widzę wciąż silne…

---

czemu miałoby nie być?

---

Bo jest przestarzałe – po prostu.

Answer 3

http://webkod.pl/kurs-css/selektory/pseudoklasy/selektor-active

Comments

A jak zablokować ten efekt? Że po kliknięciu cały czas jest ten zmieniony kolor? O to mi chodziło :)

Answer 4

W arkuszu CSS robisz coś takiego. Div to nazwa diva

#div

{

background-color: green;

}

#div:hover

{

background-color: yellow

}

To sprawi że twój div ma kolor zielony, a gdy na jego najedziesz zmieni się na kolor żółty. Ze czcionką poodobnie.