CSS łączenie klas

Question

Cześć.

Zastanawiam się czy w CSS można połączyć dwie różne ze sobą klasy? np:

 .nameTable:hover + .nameTable1:hover{
        background-color: #B2DFDB;
    }

 

Answer 1

:hover nie działa na kliknięcie tylko na :hover właśnie... Utwórz sobie klasę z innym kolorem i dodawaj ją do tych elementów na click. Bez specjalnych akrobacji w css zrobisz sobie to js-em. Równie dobrze możesz zrobić zmienną w której będziesz trzymał kolor i możesz ją podstawiać pod background-color javascriptem.

Answer 2

Nie wiem czy o to chodzi, ale możesz przypisać jedną właściwość do kilku klas, podając je po przecinku, tj.

.nameTable:hover, .nameTable1:hover{
       background-color: #B2DFDB;
   }

 

Comments

Bo chciałem tym osiągnąć coś takiego ,że po kliknięciu w jedną klasę nameTable zmienia się jej kolor tła i jednocześnie zmienia się kolor klasy nameTable1

---

To da się coś takiego zrobić. Poczytaj o CSS Combinators i Child and Sibling Selectors

---

nadaj im taką samą klasę. Funkcje z click zrób po id

Answer 3

https://stackoverflow.com/questions/20522173/how-to-use-css-class-id-to-change-other-classes-attributes

Answer 4

Kurcze nie za bardzo o to mi chodziło.

Chodzi mi o to,że po naciśnięciu .nameTable z automatu jest przypisywane takie same tło dla .nameTable1

Comments

Coś jak jest teraz :

.nameTable:hover , .nameTable1{
        background-color: #B2DFDB;
    }

Tylko że nameTable1 cały czas jest niebieski a nie w tedy dopiero gdy najedziemy hover na nameTable