獲得兄弟姐妹的選擇？

<div class="prev-button"></div> 
<div class="container"> 
    <div class="product"></div> 
</div>

是否有可能獲得通過的「產品」元素在CSS「上一頁按鈕」元素？獲得兄弟姐妹的選擇？

我的意思是像「.prev-button！.product」，例如。

雖然這樣做似乎很瘋狂，但這是可能的，不是嗎？

與CSS是不可能的，有沒有像CSS父母選擇器，這就是爲什麼它被稱爲層疊樣式，因爲它的選擇器級聯到子元素 –

@Mahan：這不是什麼級聯的意思，但是，沒有父母選擇器。 – BoltClock

This sound consternated +。+ – InOrderToLive

您正在以這種方式要求CSS選擇器：「Is there a CSS parent selector?」。

從.product開始您的選擇器，您無法提升DOM樹以分別給父母或兄弟姐妹分配樣式。您可以更改標記的結構以符合您的意願，也可以使用JavaScript來選擇要修改的元素。

與此最接近的是，例如，div.container:hover > div.product{color:red;}，它在父母被徘徊時改變了孩子。

所以沒有，在CSS中沒有「父母以前的兄弟姐妹」選擇器。您無法通過兒童選擇器（>）或兄弟選擇器（+）來實現。

2014-03-27 07:23:18 dakab

謝謝反正：D – InOrderToLive

，如果你使用jQuery，那麼你可能會得到這個

$('.product').parent().siblings('.prev-button').addClass('prevButton');

，然後你可以在樣式表中定義的CSS .prevButton

2014-03-27 07:31:11

回答