CSS Elemente innerhalb einer Klasse per CSS ansprechen?

[Dsimon24]

Moin zusammen!

Ich arbeite gerade mit WordPress und habe dort eine neue Section erstellt. Dieser habe ich eine Klasse zugewiesen.
Innerhalb dieser Section befinden sich noch weitere Elemente, denen ich aber keine ID oder Klasse zuweisen kann.
Dort möchte ich aber per CSS gerne das Background-Image ansprechen. Wie kann ich das am besten realisieren?
Gibt´s da Möglichkeiten?

VG,

 

[Bagbag]

.class-name > p {
  background-color: red;
}

Auch interessant für dich: https://developer.mozilla.org/de/docs/Web/CSS/Pseudo-classes

 

[Joshinator]

Du kannst auch das > weglassen, das > sagt aus dass das p ein direktes Child von .class-name sein muss.
Wenn dein HTML <div class="class-name"><div><p>Lorem Ipsum</p></div></div> würde der .class-name > p Selektor nicht greifen.
Da müsstest du z.B. .class-name p benutzen, der spricht alle `p`s innerhalb von .class-name an.

Das > gehört zu den CSS "Combinators", die kann man alle miteinander beliebig tief verschachteln. So kannst du dich eigentlich an jeder belieben Struktur ohne ID und Klassen durchtasten.