PHP前端开发

css属性书写顺序是什么

百变鹏仔 4个月前 (09-19) #CSS
文章标签 顺序
css 属性书写顺序遵循以下规则:重要性声明(覆盖现有样式)具体性声明(针对特定元素或伪类)缩写值(多个属性值集合)longhand 属性(展开缩写值)值(按 css 规范中定义的顺序)

CSS 属性书写顺序

CSS 属性的书写顺序遵循以下规则:

1. 重要性声明(可选)

2. 具体性声明

立即学习“前端免费学习笔记(深入)”;

3. 缩写值(可选)

4. Longhand 属性

5. 值

示例:

/* 重要性声明 */div.important-class {  /* 具体性声明 */  border: 1px solid red !important; /* 重要性声明覆盖 */  /* 缩写值 */  background: #ccc padding: 10px; /* 缩写值按顺序指定 */  /* Longhand 属性 */  background-color: #ccc; /* Longhand 属性按顺序指定 */  padding-top: 10px; /* Longhand 属性按顺序指定 */}