Apakah susunan penulisan atribut css?

Tertib penulisan sifat CSS mengikut peraturan berikut: penyataan kepentingan (mengatasi gaya sedia ada) penyataan kekonkretan (untuk elemen tertentu atau kelas pseudo) nilai singkatan (kumpulan nilai atribut berbilang) Atribut tangan panjang (tambahkan nilai singkatan) nilai (oleh CSS Urutan yang ditakrifkan dalam spesifikasi)

Perintah penulisan sifat CSS

Urutan penulisan sifat CSS mengikut peraturan berikut:

1. Pernyataan kepentingan (pilihan)

code>! Perisytiharan yang penting mengatasi gaya sedia ada, memberikan atribut keutamaan tertinggi.
• !important 声明覆盖现有样式，将该属性置于最高优先级。

2. 具体性声明

• 针对特定 HTML 元素（例如 div.class) 或伪类（例如 :hover
• 2. Pengisytiharan konkrit

Nyatakan atribut untuk elemen HTML tertentu (seperti div.class) atau pseudo-class (seperti :hover) .

Pernyataan yang lebih khusus akan mengatasi pernyataan yang kurang spesifik.

• 3. Nilai singkatan (pilihan)

Tetapkan berbilang sifat pada masa yang sama menggunakan satu nilai hartanah.

Nilai singkatan mesti dinyatakan mengikut susunan.

4. Atribut Longhand

Selepas mengembangkan nilai yang disingkatkan, atribut longhand yang sepadan akan dinyatakan mengikut urutan.

5. Nilai-nilai

Nilai atribut itu sendiri ditulis dalam susunan yang ditakrifkan dalam spesifikasi CSS. 🎜🎜🎜🎜Contoh: 🎜🎜

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

Atas ialah kandungan terperinci Apakah susunan penulisan atribut css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!