Generelle Meinungen und Informationen

[Max Fabi]

Liebe selfhtml-Nutzer,

vielen Dank zunächst für Eure Zeit und Bemühungen, Eure Meinung bzw Euer Wissen mit mir zu teilen!

HINTERGRUND Über die letzten Monate habe ich Einiges über CSS, HTML und teilweise JS gelernt. Ich nutze Wordpress, habe dort ein Theme installiert und meine eigenen Funktionen hinzugefügt, die mir fehlten. Es funktioniert soweit alles, jedoch bin ich mir bei der Struktur unsicher.

FRAGE

Ist es sinnvoller bezogen auf die Performance, Geschwindigkeit, etc. der Seite, Klassen/IDs mit ähnlichen Eigenschaften (gleiche Höhen, gleiche Breiten, etc.) zusammenzufassen und nur die Eigenschaften, in denen sich die Klassen/IDs unterscheiden, seperat aufzuführen (= Option 1) - oder sofort alles getrennt lassen (= Option 2)?

Option 1:

.class-name-one,
.class-name-two {
width: 100%;
height: 50px;
}

.class-name-one {
background: black;
}

.class-name-two {
background: white;
}

Option 2:

.class-name-one {
width: 100%;
height: 50px;
background: black;
}

.class-name-two {
width: 100%;
height: 50px;
background: white;
}

Nochmals danke für Euren Rat und Eure Hilfe!