Auswahl der Kinderelemente, aber NICHT der Enkelkinder

8

Ich habe den folgenden, vereinfachten Code:

%Vor%

Immer, wenn ich einige Werte für das Element #content p in der CSS-Datei festlege, gelten die Änderungen auch für #col1 p und #col2 p .

Was ich tun möchte, ist, nur die Children p Elemente des #content div auszuwählen und nicht die Enkelkinder p elements auszuwählen.

Ich stelle mir vor, dass eine Möglichkeit darin besteht, den ersten Kindern eine Klasse hinzuzufügen und dann Eigenschaften darauf anzuwenden.

Gibt es einen besseren Weg, es entweder in CSS2 oder CSS3 zu tun?

    
HNikolas 04.10.2011, 08:33
quelle

2 Antworten

25

Verwenden Sie das CSS Größer als Zeichen > ( Untergeordnete Elemente ):

%Vor%
  

Ein untergeordneter Selektor stimmt überein, wenn ein Element das Kind eines Elements ist.

    
CD.. 04.10.2011, 08:36
quelle
0

Sie können auch einen anderen Stil für die tieferen <p> -Elemente festlegen, die den bereits angegebenen überschreiben. Wie so:

%Vor%     
Bas Slagter 04.10.2011 08:35
quelle

Tags und Links