CSS Selectors

 Selectors:-

• The element Selector(based on element name)
• The id Selector
• The class Selector
• Grouping Selectors

The element Selector

Example:

p{ color:#000000; line-height:22px; }

Example:

h1{ font:Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#0033FF; line-height:normal; }

The id Selector
note:- you can use only one Id once only in a webpage

Example

#test{ background:#333333; float:left; margin:10px; padding:10px; }


The class Selector
note:- you can use single class multiple time.

.test{ background:#333333; float:left; margin:10px; padding:10px; }


Grouping Selectors
Example:

h1,h2,h3,h4{ color:#000000; font-family:"Times New Roman", Times, serif; }