CSS 中多个class 的优先级
在⽹页中为元素添加时，经常会⽤到多个 class 属性。
那他们之间的关系是怎样的呢：
当⼀个元素指定多个 class 时，class 的优先级与指定顺序⽆关，⽽是和 class 的定义顺序有关。后声明的优先级⾼。
⽐如⼀个按钮，我们写的通⽤属性是：
也就是说我们的按钮默认是上⾯的样式。如果我们现在有⼀个特殊的按钮，我们希望背景颜⾊是红⾊，其他样式属性不变，我们可以再定义⼀个 special 。
这样我们在指定元素的 属性时，如何确定 special 的样式会覆盖 bt 的样式呢。
我在⼀开始写的时候，我是这样指定的：
但是并没有覆盖之前的，然后我就修改了顺序：
然后发现仍没有覆盖，然后在⽹上查了⼀下，当⼀个元素指定多个 class 时，class 的优先级与指定顺序
⽆关，⽽是和 class 的定义顺序有关。
然后看了⼀下我的 ⽂件，果然我的 bt 定义在 special 之后，然后我把 他俩的顺序换了⼀下，special 就可以覆盖 bt 中的样式属性了。所以，我们在定义样式属性时，⼀定要把最基础的放在最前⾯，这样当有特殊的要求时，就可以覆盖之前的属性。.bt  { border : 1px solid ; border-radius : 5px ; box-sizing : border-box ; background-color : white ;}
1
cssclass属性
2
3
4
56.special { background-color : red ;}
12
3<button class ="bt special ">按钮</button >
1<button class ="special bt ">按钮</button >
1

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。