如何在相鄰和嵌套的DIV中選擇DIV？

我需要選擇特定的DIV，而不用選擇其中的兒童/嵌套DIV，只使用CSS。如何在相鄰和嵌套的DIV中選擇DIV？

我想單獨選擇兩個DIV。這些都是DIV的包含文字：

image-content (1)和
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>

使用CSS，當我嘗試.home_image_widget-2 > div:first-child div:first-child {}，只選擇了imageWidget_img (1)的DIV ，但我需要它的父代。

我花了幾個小時就沒有成功，所以對於你所有的CSS忍者，切片和骰子我一個解決方案。謝謝！

來源

2016-09-25 Chris Lemke

你想圖像配選擇內容，而不是.imageWidget_img？如果是這樣，爲什麼不使用：'.home_image_widget-2 .image-content {background-color：red; }'。 – xWaZzo

我試過你的解決方案（在http://fiddlesalad.com/css/上），它選擇了父項下的所有內容。對不起，但這是一個不行... –

我想我很想知道你的意思是「DIV的含有文字：圖像內容（1）和圖像內容（2）」，因爲這是Div。圖像容器「，它包含'.imageWidget_img'和'home_image_widget_caption'。你的意思是隻選擇文字「圖像內容...」？ – xWaZzo

不完美。

.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>

來源

2016-09-26 04:36:55 ColorWin

如何在相鄰和嵌套的DIV中選擇DIV？

回答

相關問題