There are five types of selectors they are,

1. Tag name Selector


2. Id Selector


3. Class Selector


4. Group Selector


5. Universal Selector

Tag name selector: It is also called as 'Element selector'.It applies the CSS for all the tags specified in the CSS file.

Id selector: It is basically preferred only if CSS has to apply on only one Html tag.The rules to be followed for Id Selector are

1. Declare "id" attribute to the Html tag to which CSS has to be applied.


2. All the id's in CSS file will be represented with # followed by identifier given in Html file.

Note : Since Id selector applies only for one Html tag hence it is also called as Unique Selector .

Class selector: It is used to apply the CSS for more than one tag but for all tags.The rules to be followed to work with class selector are,

1. Declare "class" attribute with same identifier for the Html tags.


2. Class selected is represented with ' . ' followed by identifier given in Html file.