2

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

<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>
4

3 回答 3

5

这是非常基本的 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-21T08:59:00.190 回答
1 
 #bmw .seat{}

.car .seat{}

首先，这些规则将适用于 ID 为 bmw 的元素内的所有具有类座位的元素。

第二个是同时具有类汽车和座椅的元素。

.car.seats{}

这将适用于具有两个 inClass=""属性的元素

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

这将适用于父类为汽车，子类为座位的元素。

于 2013-05-21T09:40:55.760 回答
1 
#bmw .seats {
    /* your can specify styles here */
}

您可以选择任何标签的任何子元素，后跟父元素

未应用 bmw 元素样式的

您可以指定 class 或 id 来应用样式

于 2013-05-21T09:17:52.830 回答