/* 以下是CSS中 width 属性的设置 */
/* 例1：通过类选择器设置元素的宽度为 100px */
.class1{
width: 100px;
}
/* 例2：通过ID选择器设置元素的宽度为 200px */
#id1{
width:200px;
}
/* 例3：通过标签选择器设置元素的宽度为 50px */
div{
width:50px;
}
/* 例4：在样式表中为元素指定行内样式，设置元素的宽度为 150px */这是一段展示行内样式设置width属性的文字。
在上面的CSS代码中，大家用了四种方式来为元素设置width属性，这里又用单位px来进行指定。当CSS样式表中出现了多个对同一个元素的属性设置时，就需要用到优先级的规则。
在CSS中，对于同一个元素，设置的优先级是有先后顺序的。按下面的顺序排列：
- !important设定的样式
- 内嵌样式
- ID选择器
- 类/属性（class）选择器/属性选择器
- 标签（类型）选择器/伪元素选择器
- 通配符*
也就是说，如果一个元素同时被多条属性设置时，胜出的属性优先级高，则最终生效的是优先级高的那一条属性设置。
综上，CSS的属性设置优先级是十分重要的信息，理解并掌握这个规则，可以使您的CSS样式表更为清晰、高效。