Bagaimanakah Saya Boleh Menyembunyikan Teks Tidak Berteg dalam HTML Hanya Menggunakan CSS?

Menyembunyikan Teks tanpa Tag HTML dalam HTML

Seorang pengguna menghadapi cabaran di mana bahagian teks tertentu dalam dokumen HTML tidak disertakan dengan sebarang teg HTML. Matlamatnya adalah untuk menyembunyikan teks ini tanpa membungkusnya dalam div atau elemen HTML lain.

Penyelesaian CSS

Pendekatan yang disyorkan melibatkan penggodaman CSS yang menggunakan saiz fon :

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

Apabila digunakan pada kod HTML yang diberikan, CSS ini menyembunyikan teks yang dikehendaki dengan berkesan sambil mengekalkan keterlihatan elemen lain:

<div class="entry">
  <p class="page-header">

Dengan menetapkan saiz fon kelas ".entry" kepada 0, semua elemen anaknya disembunyikan. Peraturan kedua kemudian secara selektif menetapkan saiz fon kembali kepada nilai asalnya, memulihkan keterlihatan elemen yang diingini dalam bekas ".entry".

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Teks Tidak Berteg dalam HTML Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!