css属性书写顺序是什么

WEB前端
5月3日
编辑

站长知名站长

CSS 属性书写顺序

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

1. 重要性声明（可选）

使用 !important 声明覆盖现有样式，将该属性置于最高优先级。

2. 具体性声明

针对特定 HTML 元素（例如 div.class) 或伪类（例如 :hover) 指定属性。
特殊性更高的声明将覆盖特殊性较低的声明。

3. 缩写值（可选）

使用单个属性值同时设置多个属性。
缩写值必须按顺序指定。

4. Longhand 属性

展开缩写值后，对应的 longhand 属性将按顺序指定。

5. 值

属性值本身按其在 CSS 规范中定义的顺序书写。

示例：

<code class="&lt;a style=\'color:#f60; text-decoration:underline;\' href=" https: target="_blank">css"&gt;/* 重要性声明 */
div.important-class {
  /* 具体性声明 */
  border: 1px solid red !important; /* 重要性声明覆盖 */
  /* 缩写值 */
  background: #ccc padding: 10px; /* 缩写值按顺序指定 */
  /* Longhand 属性 */
  background-color: #ccc; /* Longhand 属性按顺序指定 */
  padding-top: 10px; /* Longhand 属性按顺序指定 */
}</code>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。