Apakah Perbezaan Utama Antara `all: unset` dan `all: revert` dalam CSS?

<p>

<p>Memahami Perbezaan Antara semua: tidak ditetapkan dan semua: berbalik dalam CSS

<p>Kata kunci yang tidak ditetapkan dalam CSS membantu menetapkan semula harta kepada nilai yang diwarisinya jika ia mewarisi daripada induknya, dan kepada nilai asalnya jika ia tidak mewarisi. Ini bermakna ia berkelakuan seperti kata kunci warisan dalam kes pertama dan seperti kata kunci awal dalam kes kedua.

<p>Sebaliknya, kata kunci berbalik mengambil pendekatan yang berbeza sedikit. Ia mengembalikan nilai melata harta daripada nilai semasanya kepada nilai yang sepatutnya ada jika tiada perubahan dibuat oleh asal gaya semasa kepada elemen semasa.

<p>Sekarang, mari kita teliti perbezaan yang diserlahkan dalam petikan yang disediakan daripada MDN:

<p>Pelayar dan Lembaran Gaya Tersuai

<p>Perbezaan utama antara tidak ditetapkan dan kembali terletak pada layanan mereka terhadap sifat yang mempunyai nilai yang ditetapkan oleh penyemak imbas atau oleh helaian gaya tersuai yang dibuat oleh pengguna (ditetapkan di sebelah penyemak imbas).

<p>Apabila menggunakan semua: tidak ditetapkan, nilai set penyemak imbas atau set pengguna untuk sifat digantikan dengan nilai warisan atau awal. Sebaliknya, semua: revert adalah unik dalam keupayaannya untuk mengembalikan sifat tertentu kepada keadaannya sebelum penyemak imbas atau lembaran gaya pengguna campur tangan.

<p>Contoh

<p>Pertimbangkan coretan CSS berikut :

p {
  margin: 50px;
}

<p>Anggapkan penyemak imbas ini menggunakan gaya margin lalai ini kepada semua <p> elemen. Sekarang, jika kita menggunakan:

<p>

<p>Sifat margin akan kembali kepada keadaan asalnya, seolah-olah penyemak imbas tidak menggunakan gaya lalainya.

<p>Walau bagaimanapun, menggunakan:

<p>

<p>akan menetapkan semula jidar kepada nilai yang diwarisinya, yang biasanya akan menjadi 0. Jadi, dalam kes ini, tidak ditetapkan tidak akan memulihkan jidar asal yang ditetapkan oleh penyemak imbas, manakala pengembalian akan melakukannya.

<p>Dalam kesimpulan, semua: unset memfokuskan pada menetapkan semula sifat kepada nilai diwarisi atau awalnya, manakala semua: kembalikan menekankan memulihkan sifat kepada keadaan asalnya sebelum sebarang pengubahsuaian lembaran gaya pelayar atau pengguna.

Atas ialah kandungan terperinci Apakah Perbezaan Utama Antara `all: unset` dan `all: revert` dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!