Wie wählt man DIV innerhalb benachbarter und verschachtelter DIVs?

Ich muss bestimmte DIVs auswählen, ohne Kinder/geschachtelte DIVs in ihnen zu verwenden, nur mit CSS.Wie wählt man DIV innerhalb benachbarter und verschachtelter DIVs?

Es gibt zwei DIVs, die ich einzeln auswählen möchte. Dies sind die DIV der mit dem Text:

image-content (1) und
image-content (2)

.home_image_widget-2 > div:first-child div:first-child { 
 
    background-color: gold; 
 
}

<div class="home_image_widget home_image_widget-2">PARENT DIV (wrapper) 
 
    <div class="image-content">image-content (1) 
 
     <div class="imageWidget_img">&nbsp; &nbsp; imageWidget_img (1)</div> 
 
     <div class="home_image_widget_caption">&nbsp; &nbsp; home_image_widget_caption (1)</div> 
 
    </div> 
 
    <div class="image-content">image-content (2) 
 
     <div class="imageWidget_img">&nbsp; &nbsp; imageWidget_img (2)</div> 
 
     <div class="home_image_widget_caption">&nbsp; &nbsp; home_image_widget_caption (2)</div> 
 
    </div> 
 
</div>

Mit CSS, wenn ich .home_image_widget-2 > div:first-child div:first-child {} versuchen, sie wählt nur die DIV für imageWidget_img (1) , aber ich brauche stattdessen sein Elternteil.

Ich habe ein paar Stunden damit verbracht ohne Erfolg, also für alle Sie CSS Ninja's, schneiden und würfel mich eine Lösung. Vielen Dank!

Quelle

2016-09-25 Chris Lemke

Haben Sie .image-Inhalte statt .imageWidget_img auswählen möchten? Wenn ja, warum nicht nur: '.home_image_widget-2 .image-content {background-color: red; } '. – xWaZzo

Ich habe versucht, Ihre Lösung (auf http://fiddlesalad.com/css/) und es alles unter dem übergeordneten ausgewählt. Es tut mir leid, aber es ist ein No-Go ... –

Ich glaube, ich verstehe nicht, was du meinst "DIV enthält den Text: Bild-Inhalt (1) und Bild-Inhalt (2)", weil das Div ist '. image-container' und enthält '.imageWidget_img'und' home_image_widget_caption'. Willst du nur den Text "Bild-Inhalt ..." auswählen? – xWaZzo

nicht perfekt.

.home_image_widget-2 > div { 
 
    background-color: gold; 
 
} 
 
.home_image_widget-2 > div div{ 
 
    background-color: white; 
 
}

<div class="home_image_widget home_image_widget-2">PARENT DIV (wrapper) 
 
    <div class="image-content">image-content (1) 
 
     <div class="imageWidget_img">&nbsp; &nbsp; imageWidget_img (1)</div> 
 
     <div class="home_image_widget_caption">&nbsp; &nbsp; home_image_widget_caption (1)</div> 
 
    </div> 
 
    <div class="image-content">image-content (2) 
 
     <div class="imageWidget_img">&nbsp; &nbsp; imageWidget_img (2)</div> 
 
     <div class="home_image_widget_caption">&nbsp; &nbsp; home_image_widget_caption (2)</div> 
 
    </div> 
 
</div>

Quelle

2016-09-26 04:36:55 ColorWin

Wie wählt man DIV innerhalb benachbarter und verschachtelter DIVs?

Antwort

Verwandte Themen