css 属性书写顺序遵循以下规则：重要性声明（覆盖现有样式）具体性声明（针对特定元素或伪类）缩写值（多个属性值集合）longhand 属性（展开缩写值）值（按 css 规范中定义的顺序）
CSS 属性书写顺序
CSS 属性的书写顺序遵循以下规则：
1. 重要性声明（可选）
- 使用
!important声明覆盖现有样式，将该属性置于最高优先级。
2. 具体性声明
- 针对特定 HTML 元素（例如
div.class) 或伪类（例如:hover) 指定属性。 - 特殊性更高的声明将覆盖特殊性较低的声明。
3. 缩写值（可选）
- 使用单个属性值同时设置多个属性。
- 缩写值必须按顺序指定。
4. Longhand 属性
- 展开缩写值后，对应的 longhand 属性将按顺序指定。
5. 值
- 属性值本身按其在 CSS 规范中定义的顺序书写。
示例：
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">/* 重要性声明 */
div.important-class {
/* 具体性声明 */
border: 1px solid red !important; /* 重要性声明覆盖 */
/* 缩写值 */
background: #ccc padding: 10px; /* 缩写值按顺序指定 */
/* Longhand 属性 */
background-color: #ccc; /* Longhand 属性按顺序指定 */
padding-top: 10px; /* Longhand 属性按顺序指定 */
}</code>
以上就是css属性书写顺序是什么的详细内容，更多请关注北冥有鱼其它相关技术文章！
