Jak ukryć styl CSS daty motywu WordPress? div ukryty samouczek w stylu css

jak się ukryćWordPressStyl CSS daty motywu?

Samouczek dotyczący ukrytego stylu CSS DIV

Chen WeiliangOstatnio szablon strony został ulepszony i zoptymalizowany, co również ma na celu uwzględnienieSEOdoświadczenie użytkownika.

有nowe mediaLudzie pytali:Co jeśli chcemy ukryć określoną ikonę, datę motywu WordPress?

Odpowiedzią jest ukrycie stylów za pomocą CSS:

.r-hide {display：none;}

Ukryte style CSS mogą osiągnąć:

• 1) Ukryty tekst
• 2) Ukryj hiperłącza (czarne linki)
• 3) Ukryj kod statystyczny
• 4) Ukryj ikonę

Najpierw musimy znaleźć selektory CSS.

Czym są selektory CSS?

Definicja każdego stylu CSS składa się z 2 części:

选择器{样式}

• Część przed {} to "selektor".
• „Selektor” wskazuje „styl” obiektu {}.
• Komentarze do którego elementu strony działa ten „styl”?

Jak znaleźć selektory CSS?

Przykład kodu 1

Poniżej znajduje się przykład animacji GIF: Po znalezieniu selektora CSS w przeglądarce data jest ukryta▼

Pobierz selektory CSS time.the-date Następnie dodaj następujący kod CSS do pliku style.css motywu WP:

time.the-date {
 display: none;
}

Przykład kodu 2

Oto jak wybrać i stylizować element za pomocą class="r-hide":

.r-hide {display：none;}

Jeśli motyw WP ma opcje, możesz dodać powyższy kod CSS doOpcje motywu WP → Dostosuj styl → Dostosujpole kodu stylu.

• Użyj stylów CSSNie wyświetla się;  ukryj określoną treść,
• Niewidoczne przez przeglądarkę, ukryte treści nie zajmują miejsca,
• Zwykle używany do ukrywania efektów JS, ukrywania ikon kodów statystycznych itp.

Rozszerzona lektura:

• " Jaka jest różnica między klasą selektora CSS a id? użycie identyfikatora i klasy w HTML"