Ändern Hintergrundfarbe für alle untergeordneten Elemente ohne Bilder zu verbergen

Question

Ich erstelle eine Anwendung, die die Formatierung jeder Webseite bearbeitet. Ich versuche, die Hintergrundfarbe aller untergeordneten divs eines ausgewählten div zu ändern, aber mein aktueller Code lässt Bilder innerhalb der divs verschwinden.

Ich habe versucht mit: not(), um die Formatierung nicht auf Bilder anwenden, aber es hat nichts geändert. Gibt es eine Möglichkeit, die Hintergrundfarbe nicht auf Bilder anzuwenden oder Bilder nicht auszublenden?

Answer 1

ich denke, Ihre img s sind nicht children aber sie sind grandchildren von Ihrem .blah Div. deshalb funktioniert dein Code nicht. und so die Eltern des img (.child in meinem Fall) bekommt den Hintergrund und so ein Hintergrund erscheint unter dem Bild, obwohl das Bild nicht bekommt die background-color Stil

Sie könnte so etwas wie diese versuchen (nicht wissen, Ihre HTML-Struktur oder wie komplex es ist)

div *:not(.child) { background-color: #fffdd0 !important;} 
 
.parent > .child *:not(img){ background-color: red !important;}

<div class="parent"> 
 
<p>Child Text</p> 
 
<h1>Child Heading</h1> 
 
    <div class="child"> 
 
     <img src="http://placehold.it/350x150"> 
 
     <p>grandChild Text</p> 
 
    </div> 
 
</div>