Bagaimana untuk Memilih Medan Input Di Luar Elemen Tertentu Tanpa Menggunakan Pemilih `bukan` CSS?

Menavigasi Pemilih CSS Tanpa "Bukan": Pemilihan Medan Input Luaran

Dalam CSS, pemilih "bukan" ialah ciri yang dicari yang akan membolehkan pengguna mengecualikan elemen tertentu daripada kriteria yang sepadan. Pada masa ini, fungsi ini tidak tersedia dalam penyemak imbas melainkan JavaScript/jQuery digunakan.

Sebagai contoh, untuk memilih semua medan input dalam elemen dengan kelas "nama kelas", kod CSS ialah:

<code class="css">.classname input {
  background: red;
}</code>

Untuk mengatasinya, langkah seterusnya yang logik ialah mengecualikan medan input dalam elemen "nama kelas". Walau bagaimanapun, disebabkan kekurangan pemilih "bukan", ini tidak mungkin dilakukan tanpa pendekatan alternatif.

Salah satu alternatif tersebut ialah JavaScript/jQuery, seperti yang ditunjukkan oleh kod berikut:

$j(':not(.classname) > input').css({background: 'red'});

Kod ini memilih semua medan input yang bukan turunan unsur dengan kelas "nama kelas." Ia mencapai hasil yang diingini dengan berkesan menggunakan latar belakang merah pada semua medan input di luar elemen "nama kelas".

Walaupun CSS tidak mempunyai pemilih "bukan", ketersediaan JavaScript/jQuery menawarkan penyelesaian kepada had ini , membenarkan pemilihan dan pengubahsuaian elemen yang tepat berdasarkan kriteria tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Medan Input Di Luar Elemen Tertentu Tanpa Menggunakan Pemilih `bukan` CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!