CSS Reading Notes 1, css Reading Notes

CSS Reading Notes 1, css Reading Notes

When it comes to the selector, only the class selection conforms to the ID selector, and the priority of the selector is not very clear. The following is an example of an excerpt:

Set attributes! The important keyword declaration increases the weight of attributes. Add! The attribute declared by the important keyword has the highest priority.

• Tag selection operator, pseudo class, and pseudo object: Priority Level points are 1.
• Class selector and attribute selector: the priority point is 10.
• ID selector: the priority point is 100.
• Style attribute: the priority point is 1000.

Instance:

P {color: blue ;}

P. myColor {color: black ;}

. MyColor {color: yellow ;}

# MyColor {color: red ;}

P = 1

P. myColor = 1 + 10 = 11

. MyColor = 10

# My color = 100

Style = "color: green;" = 1000

The color annotation is easy to make a mistake. I always thought that the color of the second annotation has a higher priority.