`semua: tidak ditetapkan` lwn. `semua: kembalikan`: Bilakah Anda Harus Menggunakan Setiap?

Nuansa CSS: all: unset vs. all: revert

Memahami kehalusan antara kata kunci CSS boleh meningkatkan keupayaan penggayaan anda. Dalam kes semua: tidak ditetapkan dan semua: berbalik, perbezaannya terletak pada layanan mereka terhadap helaian gaya yang digunakan penyemak imbas dan ditentukan pengguna.

semua: tidak ditetapkan

Sebagai dinyatakan dalam MDN, unset membolehkan anda menetapkan semula harta sama ada kepada nilai yang diwarisinya jika diwarisi daripada induknya atau kepada nilai awalnya jika tidak. Akibatnya, ia mencontohi kata kunci warisan dalam senario dahulu dan kata kunci awal dalam senario yang kedua.

semua: kembalikan

Sebaliknya, revert mengembalikan nilai melata sifat kepada keadaannya tidak ada pengubahsuaian dibuat pada elemen semasa. Ini bermakna ia menetapkan semula harta kepada nilai yang diwarisinya, atau jika tiada, kepada nilai lalai yang ditetapkan oleh lembaran gaya penyemak imbas atau mana-mana gaya pengguna yang berkenaan.

Perbezaan Utama

Perbezaan utama muncul apabila penyemak imbas menggunakan gaya lalai pada elemen. Menggunakan revert, anda membuat asal gaya ini dengan berkesan, manakala unset tidak.

Ilustrasi

Pertimbangkan coretan kod HTML dan CSS berikut:

<p></p>

Andaikan penyemak imbas secara automatik menetapkan margin lalai 50px kepada

elemen. Dalam keadaan ini, teks dalam perenggan dengan margin:revert akan ditetapkan semula marginnya kepada 0px, dengan berkesan mengalih keluar gaya lalai penyemak imbas. Sebaliknya, teks dalam perenggan dengan margin:unset akan mengekalkan margin lalai penyemak imbas sebanyak 50px.

Atas ialah kandungan terperinci `semua: tidak ditetapkan` lwn. `semua: kembalikan`: Bilakah Anda Harus Menggunakan Setiap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!