如何選擇一個類是很多元素的兒童

<div class="rightsidebox"> 
    <div class="item-info-list"> 
     <p>Model: AIDCU</p> 
     <div class="product-details"> 
      <p></p> 
      <div class="price-box"> <span class="regular-price" id="product-price-1617-related"> 
     <span class="price">$8.99</span></span> 
      </div> 
      <p></p> 
     </div> 
    </div>

我想爲價格做一個風格，並使顏色綠色，只是在它是在右邊框div，我想使用CSS，我不能改變結構，因爲它是一個主題，它不應該有其他主題如何選擇一個類是很多元素的兒童

與其他的價格衝突，我可以使用div.rightsidebox>div.item-info-list

，但我不能再降了，因爲在那裏我怎麼能解決這個問題的段落？我在使用「>」和彼此的多個類別方面有弱點

來源

2014-04-14 Nickool

.rightsidebox .price {color：green; } 編輯：**使用> - 運算符** 元素>元素選擇器用於選擇具有特定父元素的元素。注意：不是直接指定父項的子項的元素未選中。 [更多信息]（http://www.w3schools.com/cssref/sel_element_gt.asp） – TheFrozenOne

它不會工作 – Nickool

它應該嘗試使用！重要的。 ...。價格{color：green！important; } – TheFrozenOne

.rightsidebox .price { color: green !important; } // important to override other styles

編輯：的用法> - selectorr

元素>元素選擇用於選擇與特定的父元素。注意：沒有選擇不直接指定父級子元素的元素。 More info

來源

2014-04-14 18:24:04 TheFrozenOne

謝謝你準確的ñ快:) – Nickool

div.rightsidebox>div.item-info-list .price{ 
    color: green; 
}

JSFiddle例子。

來源

2014-04-14 18:16:55 Benio

我相信這是你在找什麼：

div.rightsidebox>div.item-info-list>div.product-details { 
    background:#ff0000; 
}

的jsfiddle：http://jsfiddle.net/RF5e7/

來源

2014-04-14 18:17:16

這是顏色：＃ff0000;是的，它是在jsfiddle工作，但不爲我工作似乎有衝突的地方 – Nickool

如果你僅僅只是想選擇price並使其綠色，如果它是由rightbox包含：

.rightsidebox .price { 
    color: green !important; 
}

來源

2014-04-14 18:17:30

是的，它的工作謝謝你，塗鴉我不知道你們哪一個先回答我的問題 – Nickool

塗鴉回答了一分鐘更快評論，所以btw謝謝您！ +1 – Nickool

沒問題！很高興幫助:) –

.rightsidebox .item-info-list p { 
    /* code */ 
}

這會下降到第在樣式表內定義的類內的圖元素（上面的課程）。

如果您有多個元素的類名稱，則不需要使用div.rightsidebox需要的只有。否則只有.rightsidebox是可以的。

您可以瞭解更多關於CSS子選擇在這裏：https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors

來源

2014-04-14 18:17:36

如何選擇一個類是很多元素的兒童

回答

相關問題