有没有办法使用css选择元素的子元素

Question

下面的例子应该理解我的问题.

<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我可以选择seats元素的bmw元素.我不想为子元素添加额外的类标记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>

Answer 1

这是非常基本的CSS

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

看,#bmw是一个ID选择器..seats是一个类选择器.如果你按照发布的方式组合它们将会全部.seats进入#bmw

我想你需要更多地了解CSS,这是CSS 101

更新

选择所有.seats内部.car只需使用

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