Apa yang 'kembali' lakukan dalam CSS?

Miriamsuzanne menerangkan dalam video pemaju Mozilla mengenai subjek.

Nilai balik dalam CSS "menetapkan semula" harta kembali kepada nilai yang diwarisi, hanya sejauh kembali sebagai lembaran gaya UA. Itu kritikal, kerana ia tidak akan menetapkan semula

untuk sebaris, sebagai contoh, kerana A

adalah elemen peringkat blok seperti yang ditetapkan dalam lembaran gaya UA.

Jadi jika kita mempunyai html ini:

 <p> lorem, ipsum dolor. </p>
<p> fugit, id vel. </p>

Dan CSS:

 p {
  warna: merah;
}
.Alt {
  Warna: kembali;
}

Kedua -dua perenggan akan dipilih oleh pemilih P, menjadikannya merah, tetapi pemilih kelas pada perenggan kedua mempunyai kekhususan yang lebih tinggi, jadi warna: kembali; menang, menukar teks kembali ke hitam (UA lalai).

Tetapi, cascades harta warna, jadi jika kita mempunyai:

 <dana>
  <p> lorem, ipsum dolor. </p>
  <p> fugit, id vel. </p>
</dana>

 .paren {
  Warna: Biru;
}
p {
  warna: merah;
}
.Alt {
  Warna: kembali;
}

Perenggan kedua akan menjadi biru kerana kembali memaksa ia mengambil warna dari warisan.

Nilai Revert agak baru, disokong dalam Firefox dan Safari, tetapi belum di dunia krom. Kami sudah mendapat beberapa kata kunci yang berkaitan yang berfungsi pada mana -mana harta yang dimaksudkan untuk membantu mengawal warisan dan menetapkan semula nilai.

Perbezaannya kecil, tetapi penting: Unset membolehkan warisan, sementara awal tidak.

Miriam membuat kes yang dibalikkan sebenarnya adalah yang paling berguna daripada mereka kerana ia "mengambil gaya pengguna dan ejen pengguna."

Saya tidak bersetuju. Tetapi (dan saya tidak suka mengatakan ini) saya fikir kita memerlukan pilihan keempat, yang mempunyai kuasa memaksa awal, tetapi penghormatan UA menghormati kembali. Sesuatu seperti ...

 .button {
  Semua: lalai; /* Tidak nyata! */

  / * Gaya baru bermula dari asas ua */
}

Kata kunci ini berfungsi dengan mana -mana harta, tetapi saya fikir menggunakan semua adalah yang paling menarik. Ini cara untuk menghapuskan semua gaya pada elemen untuk bermula dengan slate kosong. Yang mengatakan, tidak ada tiga pilihan yang cukup baik untuk kes penggunaan itu. Nilai -nilai yang tidak jelas dan kembali tidak cukup baik kerana mereka masih membenarkan warisan dan tidak menghapuskan gaya dengan cukup baik. Nilai awal terlalu kuat kerana ia menghapuskan mungkir yang anda tidak jangkakan, seperti membuat

sebaris bukan blok.

Atas ialah kandungan terperinci Apa yang 'kembali' lakukan dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!