选择器 权重值 ------------------------------------- !important ∞ 行内样式(style) 1000 #id 100 .class 10 * , 还有 属性选择器 1
如上所示的是CSS的排名表，它将不同的选择器根据它们的权重值进行了分类。其中，!important的权重值最高，为无穷大，可以覆盖所有的样式；行内样式的权重值为1000，优先级也非常高，只有! important可以覆盖它；id选择器的权重值为100，表示只要有一个id选择器，它的权重值就会高于其他选择器；class选择器的权重值为10，表示只要有一个class选择器，它的权重值就会高于*、属性选择器等选择器；最后，*、属性选择器的权重值都是1，表示它们的优先级最低。
排名表的作用在于，它可以帮助大家更好地理解CSS样式的优先级。在编写CSS样式时，大家要知道哪些选择器的优先级较高，哪些选择器的优先级较低，这样就可以更好地组织CSS样式，避免样式冲突，确保网页样式的正确显示。