Bagaimana cara menyembunyikan gaya CSS tanggal tema WordPress? tutorial gaya css div tersembunyi

cara menyembunyikanWordPressGaya CSS tanggal tema?

Tutorial gaya CSS tersembunyi DIV

Chen WeiliangBaru-baru ini, templat situs web telah ditingkatkan dan dioptimalkan, dan ini juga dilakukan untuk mempertimbangkanSEOpengalaman pengguna.

Sudahmedia yang baruOrang bertanya:Bagaimana jika kita ingin menyembunyikan ikon tertentu, tanggal dari tema WordPress?

Jawabannya adalah menyembunyikan gaya dengan CSS:

.r-hide {display：none;}

Gaya tersembunyi CSS dapat mencapai:

• 1) Teks tersembunyi
• 2) Sembunyikan hyperlink (tautan hitam)
• 3) Sembunyikan kode statistik
• 4) Sembunyikan ikon

Pertama, kita perlu menemukan pemilih CSS.

Apa itu pemilih CSS?

Definisi setiap gaya CSS terdiri dari 2 bagian:

选择器{样式}

• Bagian sebelum {} adalah "selector".
• "Pemilih" menunjukkan "gaya" objek {}.
• Mengomentari elemen halaman mana yang "gaya" ini berfungsi?

Bagaimana cara menemukan pemilih CSS?

Contoh kode 1

Berikut ini adalah contoh animasi GIF. Setelah menemukan pemilih CSS melalui browser, tanggal disembunyikan▼

Dapatkan pemilih CSS time.the-date Setelah itu, tambahkan kode CSS berikut ke file style.css dari tema WP:

time.the-date {
 display: none;
}

Contoh kode 2

Berikut cara memilih dan menata elemen dengan class="r-hide":

.r-hide {display：none;}

Jika tema WP memiliki opsi, Anda dapat menambahkan kode CSS di atas keOpsi Tema WP → Sesuaikan Gaya → Sesuaikankotak kode gaya.

• Gunakan gaya CSStampilan: tidak ada;  sembunyikan konten yang ditentukan,
• Tidak terlihat melalui browser, konten tersembunyi tidak memakan ruang,
• Biasanya digunakan untuk menyembunyikan efek JS, menyembunyikan ikon kode statistik, dll.

Bacaan lebih lanjut:

• " Apa perbedaan antara kelas dan id pemilih CSS? id dan penggunaan kelas dalam HTML"