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 */
}

参照、#bmwID セレクターです。.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 を持つ要素内のクラス シートを持つすべての要素に適用されます。

2つ目はクラスカーとシートを兼ね備えた要素。

.car.seats{}

これは、両方の inClass=""プロパティを持つ要素に適用されます

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

これは、親クラスが自動車で、子クラスが座席の要素に適用されます。

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

親要素が後に続く任意のタグの任意の子要素を選択できます

bmw要素スタイルが適用されていない

スタイルを適用するためにクラスまたはIDのいずれかを指定できます

于 2013-05-21T09:17:52.830 に答える