Klasa w klasie

Question

Mam takiego diva z dwoma klasami: <div class="top vhcenter"></div>. Czy da się w samym CSSsie zrobić taki zapis, żeby dołączyć do klasy .top klasę .vhcenter i usunąć .vhcenter w HTMLu? W założeniu klasa .vhcenter byłaby dołączana do innych klas, żeby uniknąć powtarzania kodu CSS i HTML.

Comments

Nie rozumiem. Może późna pora :)

Może zainteresuj się Sass. Mixiny to może być to o co Ci chodzi.

---

JEST:

<div class="klasa1 klasa2"></div>

.klasa1
{
  bleble1:bleble1;
  bleble2:bleble2;
}

.klasa2
{
  bleble3:bleble3;
  bleble4:bleble4;
}

Pytanie: czy da się zrobić tak, żeby w HTML było tak:

<div class="klasa2"></div>

a w CSS coś w stylu:

.klasa1
 { 
  bleble1:bleble1; 
  bleble2:bleble2; 
}

 .klasa2  + .klasa1
{ 
  bleble3:bleble3; 
  bleble4:bleble4;
 }

Czyli żeby w CSS do .klasa2 dołączyć zawartość z .klasa1????

---

to co pokazałeś to selektor braci

Answer 1

tak jak napisałem. Takie rzeczy tylko w Sass :)

przykład