css selectors - is there a way to select a child element of an element using css -


example below should comprehend 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> 

using css can select seats element of bmw element. don wanna add class tag child elements of bmw

and how select seats of car class elements

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

and how select element both car , seat classes

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

 #bmw .seat{}  .car .seat{} 

in first rules apply elements class seat inside element id bmw.

in second elements has both class car , seat.

.car.seats{} 

this apply element both in class="" property

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

this apply elements have parent class car , child class seats.


Comments

Popular posts from this blog

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -