有没有一种方法来选择元素的子元素使用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

回答

相关问题