Dziedziczenie styli css do mojej jednej klasy

Question

Witam!

Zdecydowałem się na pewien wygląd poszczególnych sekcji strony. Dla przykładu mam 8 podstron które mają identyczne ułożenie elementów np nagłówek

<h2 class="text-center mt-3 mb-4">Sekcja 2</h2>

Jak widać nakładam tutaj 3 lasy z boostrapa tylko co jeżeli mi się nagle odwidzi i będę chaił coś zmienić ? Będę musiał w 8 plikach zmieniać nałożone klasy... Czy mogę zrobić swoją klasę która przejmie wszystkie style z poprzednich ? np.

.moja-klasa-dla-header {

// tutaj mam nałożone style z klas text-center mt-3 mb-4

}

Answer 1

Czy mogę zrobić swoją klasę która przejmie wszystkie style z poprzednich ?

Tak, co więcej tak właśnie działa CSS. Tylko bardziej właściwe byłoby stwierdzenie, że nowo utworzona klasa (a tak naprawdę jej właściwości) przesłonią te wcześniejsze.

Comments

A w jaki sposób mogę zrobić taką swoją klasę ?

.text-center .mt-3 .mb-4 .my-header-style {

}

Działa tak że dla element który znajduje się w elemencie wymienionym wcześniej. Czyli dla elementu który ma klasę my-header-style który jest w elementach które mają klasę .text-center .mt-3 .mb-4. Ale jak zrobić element który będzie miał wszystkie style poprzednie ?

---

np.

<h2 class="text-center mt-3 mb-4 override-class">Sekcja 2</h2>

.override-class {
	font-size: 1.8em;
	background-color: red;
}