Bagaimana untuk menyembunyikan gaya CSS tarikh tema WordPress? tutorial gaya css tersembunyi div

bagaimana untuk menyembunyikanWordPressGaya CSS tarikh tema?

Tutorial gaya CSS tersembunyi DIV

Chen WeiliangBaru-baru ini, templat tapak web telah ditambah baik dan dioptimumkan, dan ini juga dilakukan untuk mengambil kiraSEOpengalaman pengguna.

有media baruOrang ramai bertanya:Bagaimana jika kita ingin menyembunyikan ikon tertentu, tarikh tema WordPress?

Jawapannya adalah untuk menyembunyikan gaya dengan CSS:

.r-hide {display：none;}

Gaya tersembunyi CSS boleh mencapai:

• 1) Teks tersembunyi
• 2) Sembunyikan hiperpautan (pautan hitam)
• 3) Sembunyikan kod statistik
• 4) Sembunyikan ikon

Pertama, kita perlu mencari pemilih CSS.

Apakah pemilih CSS?

Takrifan setiap gaya CSS terdiri daripada 2 bahagian:

选择器{样式}

• Bahagian sebelum {} ialah "pemilih".
• "Pemilih" menunjukkan "gaya" objek {}.
• Komen pada elemen halaman manakah yang "gaya" ini berfungsi?

Bagaimana untuk mencari pemilih CSS?

Contoh kod 1

Berikut ialah contoh animasi GIF. Selepas mencari pemilih CSS melalui pelayar, tarikh disembunyikan▼

Dapatkan pemilih CSS time.the-date Selepas itu, tambahkan kod CSS berikut pada fail style.css tema WP:

time.the-date {
 display: none;
}

Contoh kod 2

Berikut ialah cara untuk memilih dan menggayakan elemen dengan class="r-hide":

.r-hide {display：none;}

Jika tema WP mempunyai pilihan, anda boleh menambah kod CSS di atas padaPilihan Tema WP → Sesuaikan Gaya → Sesuaikankotak kod gaya.

• Gunakan gaya CSSpaparan: tiada;  sembunyikan kandungan yang ditentukan,
• Tidak kelihatan melalui penyemak imbas, kandungan tersembunyi tidak mengambil ruang,
• Biasanya digunakan untuk menyembunyikan kesan JS, menyembunyikan ikon kod statistik, dsb.

Bacaan lanjutan:

• " Apakah perbezaan antara kelas pemilih CSS dan id? id dan penggunaan kelas dalam HTML"