Detailed CSS Priority calculation method

The main CSS selectors have id,class,tag,[],:,:: etc, but usually need to judge their priority to have id,class,tag, in addition, inline style and!important also have a relationship with the precedence of CSS.

If the priority of these five different cases is represented as a number, the corresponding relationship is as follows:

!important (10000) > inline style (+) > ID (+) > class (Ten) > tag (1)

The usual CSS precedence comparisons can be converted to numeric size comparisons, such as: #list Li and. List. Content ul Li, with priority:

100+1=101 > 10+10+1+1=22

The priority of the former is greater than the latter.

Above this CSS priority calculation method (recommended) is the small part to share all the content of everyone, hope to give you a reference, but also hope that we support topic.alibabacloud.com.