css - 一个类中属性的顺序有多重要

Question

我想知道班级内的顺序是否重要，以及这是否会影响网站的速度。我知道样式表中类的顺序很重要，但是类中的属性又如何呢，它们也很重要吗？

类中属性的正确或错误顺序有什么影响吗？如果是这样，这种效果是什么？这种顺序的共同规则是什么？

当然还有更多属性，但我想这应该对我通常使用的顺序有所了解。有什么我应该/可以改进的吗：

1. 定位
2. 造型
3. 字体
4. 半径

CSS

.example_class {

float: l/r;
position: rel/absl;
margin: 0 0 0 0;
padding:0 0 0 0;
width: xy px;
height: xy px;
background: image/color;
font-family: font-name;
font-size: xy px;
color: #xyz / #abcdef / red; 
radius: 0 0 0 0;
}

Answer 1

选择器中属性的顺序根本无关紧要，除了您可以覆盖某些浏览器无法读取的选择器这一事实之外：

background: #FFF; /* will be used by browsers that can't understand: */
background: linear-gradient(...);

除此之外，这是一个品味问题——您可以按字母顺序或按“组”对它们进行排序，就像您所做的那样，或者您喜欢的任何东西。

Answer 2

CSS 中没有属性首选项的顺序，除非您想用更特定于浏览器的属性覆盖通用属性。