A CSS selector is the part of a CSS style call that identifies what part of the Web page should be styled. The selector contains one ore more properties that define how the selected HTML will be styled.
The CSS Selectors
There are several different types of selectors:
- type selectors
- class selectors
- id selectors
- descendant selectors
- child selectors
- universal selectors
- adjacent sibling selectors
- attribute selectors
- pseudo-class selectors
- pseudo-element selectors
Format CSS Styles
The format of a CSS style looks like this:
selector { style property : style ; }
Separate multiple selectors that have the same style with commas, for example:
selector1 , selector2 { style property : style ; }
Always Test Your CSS Selectors
Not all browsers support all the CSS selectors. So be sure to test your selectors in as many browsers on as many operating systems as you can.
