当前位置: 首页 > Web前端 > CSS

20180224-weightofcssselector

时间:2023-03-30 13:23:07 CSS

weightofcssselector1第一种情况:样式表中只有一个样式:即inline>id>class>element#id{}.class{}p{}2两种情况:组合选择器从左到右逐一比较,按照a,b,c,d进行比较。权重越大,权重越高。授权值生成方式是按照权重从高到低写的,不是按照selector的顺序写的eg:/*bbc*/#dii.dd#ip{color:palevioletred;}/*bcc*/#dii.dd。cp{color:paleturquoise}/*bbb*/#dii>#idd>#ip{color:yellowgreen;}这里面权重的顺序是bbb>bbc>bcc3单和组合混淆eg:/*bcc*/#dii.dd.cp{颜色:paleturquoise}/*bbc*/#dii.dd#ip{颜色:palevioletred;}/*bbb*/#dii>#idd>#ip{颜色:yellowgreen;}------------------------------------单/*b*/#ip{color:cyan;}weightorderbbb>bbc>bcc>b总结:权值从左到右一一比较。例如,将第一个位置与另一组中的第一个进行比较。如果尺寸和重量之间存在重量关系,则不会进行比较。如果相等,则继续比较后者。如果是组合比较,一个有另一个没有价值,价值比较高。