CSS Learning Notes

CSS selector:

Priority: ID Selector > class selector > HTML tag Selector

1. Class Selector

Htm:

<span class= "Menu" >hello world</span>

Css:

. menu {color: #00ff00;}

2.ID Selector

Htm:

<span id= "Menu" ></span>

Css:

#menu {color:00ff00;}

3.html Tag Selector

Css:

Body {color: #00ff00;}

Multiple class selectors, such as: <span class= "menu Help" ></SPAN> if there is a conflict, the last one in the CSS style sheet will prevail.

Nested selectors

Html

<span class= "menu" >1212<span class= "Go" ></span>1221</span>

Css

. Menu Go {color: #ff0000;}

CSS Learning Notes