CSS - Ist es möglich, mehrere verschiedene untergeordnete Elemente in einem übergeordneten Element auszuwählen, ohne das übergeordnete Element zu wiederholen?

8

Ich habe den ganzen Nachmittag über CSS-Selektoren geschimpft, um eine Antwort darauf zu finden, weil es so einfach scheint, aber ich kann nicht für das Leben von mir eine Lösung finden.

Gegeben eine ähnliche Struktur wie:

%Vor%

Ich möchte alle Header eine andere Schriftart für diese Division mit einem Selektor machen.

Meine Selektoren wären normalerweise:

%Vor%

Was nun wirklich ineffizient erscheint. Gibt es eine Möglichkeit, die ID zu sammeln?

%Vor%

Gibt es etwas Ähnliches wie:

%Vor%

Ich habe das Gefühl, dass dies offensichtlich sein sollte, aber ich habe noch nie eine solche Auswahl gesehen.

    
Jake 25.01.2012, 08:14
quelle

2 Antworten

8

Im einfachen CSS ist das nicht möglich. Wenn Sie eine Klasse für die Header-Tags festlegen, können Sie sie mit einem einzelnen Selektor ansteuern.

Wenn Sie etwas wie weniger verwenden, können Sie Folgendes tun:

%Vor%     
Guffa 25.01.2012, 08:20
quelle
4

Um die Guffa-Antwort zu vervollständigen, können Sie, wenn Sie die serverseitige Vorverarbeitung nicht verwenden können und nur Firefox und Chrome als Ziel haben, auch

verwenden %Vor%

In Ihrem Fall werden Sie diese Pseudoklasse auf diese Weise verwenden

%Vor%

Sonst ist die einzige Crossbrowser-Methode ohne die Verwendung von weniger oder Sass, die die Anzahl der Regeln reduziert, der universelle Selektor

%Vor%

, aber dies wird auf jedes unmittelbare Kind von #about abzielen und es ist an sich ineffizient.

    
fcalderan 25.01.2012 08:29
quelle

Tags und Links