Perbezaan antara pemilih atribut CSS dan elemen pseudo untuk teg input-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Perbezaan antara pemilih atribut CSS dan elemen pseudo untuk teg input

P粉988025835 2023-09-10 15:43:12

409

**Di dalam fail CSS:**

input[type="text"]{ border: 2px solid red; } input::placeholder{ color:green; } input[title="google"]{ background-color:black; color:white; }

Mengapa prosedur penulisan berbeza untukJenis,Pemegang tempatdanTajuk? Walaupun teks di dalam tegkelihatan sama. Bagaimana untuk memahami yang manaatributdan yang manaelemen?

P粉988025835

membalas semua (1)

P粉8091101292023-09-11 09:14:41 Tingkat 1

input::placeholder选择的占位符，而input[attribute="value"]选择>Nilai atributnya ialah nilai. Mereka melakukan perkara yang berbeza.

Contoh visualisasi:

/* Selects an  with a 'placeholder' attribute */ input[placeholder] { color: #2ab7ca; } /* Selects the placeholder itself */ input::placeholder { color: #ff6b6b; } /* Ignore these */ body { margin: 0; padding: 2em; } input { display: block; margin: 1em 0; height: 2em; width: 100%; padding: 0.5em; }

Nota: Jawapan ini telah ditukar daripada ulasan kerana saya tidak menemui sebarang sasaran pendua.