有沒有一種方法來選擇元素的子元素使用css

下面的例子應該理解我的問題。有沒有一種方法來選擇元素的子元素使用css

<div id="bmw" class="car"> 
    <div class="seats">4</div> 
    <div class="fuel">petrol</div> 
</div> 
<div id="merc" class="car"> 
    <div class="seats">2</div> 
    <div class="fuel">petrol</div> 
</div>

使用CSS我可以選擇bmw元件的seats元件。我不想要額外的類標籤添加到bmw

以及如何子元素選擇所有的汽車類元素

<div id="bmw" class="car"> 
    <div class="seats">4</div> 
    <div class="fuel">petrol</div> 
</div> 
<div id="merc" class="car"> 
    <div class="seats">2</div> 
    <div class="fuel">petrol</div> 
</div> 
<div id="mazda" class="truck"> 
    <div class="seats">2</div> 
    <div class="fuel">diesel</div> 
</div>

以及如何座位選擇與兩個汽車座椅類元素

<div id="godrej" class="car seat"> 
    <div class="hands">0</div> 
</div>

來源

2013-05-21 neckTwi

所以你不想使用'.bmw .seats'？ –

www.w3fools.com – DiederikEEn

請看看常見問題http://stackoverflow.com/faq我真的不認爲你知道SO的工作原理 –

#bmw .seat{} 

.car .seat{}

在第一該規則將應用於ID爲bmw的元素內的所有具有班級座位的元素。

在第二個元素，既有班車和座位。

.car.seats{}

這將應用於元素既在Class=""財產

.car .seats{} //with space in between

這將適用於具有父類的汽車和子類如座椅的元素。

來源

2013-05-21 09:40:55 Gangadhar

這是非常基本的CSS

#bmw .seats { 
    /* your rules go here */ 
}

請參閱，#bmw是一個ID選擇器。 .seats是一個類選擇器。如果將它們結合在一起的方式貼吧將得到所有.seats內#bmw

我認爲你需要了解更多關於CSS，這是CSS 101

更新

要選擇所有.seats內.car簡單使用

.car .seats { 
    /* your rules go here */ 
}

來源

2013-05-21 08:59:00

**使用CSS我可以選擇座椅元素的寶馬元素。我不想給bmw的子元素添加額外的類標籤** –

@ Mr.Alien我不明白這一點。 *我不想爲bmw *聲音的子元素添加額外的類標記，因爲他不想修改標記。 –

@AhmadAlfy如何識別只有汽車類元素的座位類元素的孩子？ – neckTwi

#bmw .seats { 
    /* your can specify styles here */ 
}

，你可以選擇任何標籤，跟着父元素

針對未應用的寶馬元素的樣式的任何子元素

您可以指定class和id應用樣式

來源

2013-05-21 09:17:52

有沒有一種方法來選擇元素的子元素使用css

回答

相關問題