Stylesheets gliedern (war: Die Media-Queries bringen mich zum Heulen...)

[Matthias Scharwies]

Servus!

Hallo Matthias,

Würdet ihr die Dark Mode-Media-Queries für jeden Selektor einzeln (bzw. für 2-3 Selektoren) oder für jeden Bereich vornehmen?

Schwierige Frage - ich kann die Performance von vielen Mediaqueries nicht einschätzen. Wenn man genau einen @media-Block hat, muss der Browser das nur einmal abfragen und hat auch nur eine Gruppe Regeln, die er bedingt anwenden muss. Macht man das an zweiunddrölfzig Stellen im Stylesheet, könnte das für die Layout-Engine deutlich aufwändiger sein. Ich habe aber keine Ahnung, ob das ein Problem ist.

Diskussion bei Stackoverflow

Danke, ich schau mal, dass ich es bis zum Wochenende übersichtlich hinkrieg. Dann kann ich das immer noch später zusammenfassen.

Viele Festlegungen kommen mir wie magic numbers bzw. doppelt gemoppelt vor, ich trau mich aber nicht, alles auf Standard zu setzen.

	#selfhtml-navigation {
		font-size: .91em
	}
	#p-personal h3,
	#selfhtml-navigation h3 {
		display: none
	}

	#selfhtml-navigation ul {
		list-style: none;
		float: left;
	}
	#p-personal li,
	#selfhtml-navigation li {
		line-height: 1.125em;
		float: left
	}
	#selfhtml-navigation li {
		font-size: 1.2em;
	}

Herzliche Grüße

Matthias Scharwies