How to determine the priority and weight of selector by HTML

This article mainly explains "how to judge the priority and weight of the selector by HTML". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to judge the priority and weight of selector by HTML".

Let's first compare the inline stylesheet with the id selector

Code:

CSS selector

# myColor {

Color: blue

}

I'm the content part.

The in-line style takes precedence over the id selector, so let's compare the style of the id selector with the category selector.

Code:

CSS selector

.myStyle {

Color: orange

}

# myColor {

Color: blue

}

I'm the content part.

In practice, it is concluded that the priority is: inline style > id selector > category selector.

Thank you for your reading, the above is the content of "how to judge the priority and weight of the selector by HTML". After the study of this article, I believe you have a deeper understanding of how HTML determines the priority and weight of the selector, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!