Как да скрия CSS стила на датата на темата на WordPress? div скрит css стил урок

как да се скриеWordPressТема дата CSS стил?

DIV скрит CSS стил урок

Чен УейлиангНаскоро шаблонът на уебсайта е подобрен и оптимизиран и това също се прави, за да се вземе предвидSEOпотребителски опит.

有нова медияХората попитаха:Ами ако искаме да скрием определена икона, дата на WordPress тема?

Отговорът е да скриете стиловете с CSS:

.r-hide {display：none;}

CSS скритите стилове могат да постигнат:

• 1) Скрит текст
• 2) Скриване на хипервръзки (черни връзки)
• 3) Скриване на статистически код
• 4) Скриване на иконата

Първо, трябва да намерим CSS селектори.

Какво представляват CSS селекторите?

Дефиницията на всеки CSS стил се състои от 2 части:

选择器{样式}

• Частта преди {} е "селектор".
• „Селекторът“ показва „стила“ на обекта {}.
• Коментари за кой елемент от страницата работи този "стил"?

Как да намеря CSS селектори?

Пример за код 1

Следното е пример за GIF анимация. След като намерите CSS селектора през браузъра, датата е скрита▼

Вземете CSS селектори time.the-date След това добавете следния CSS код към файла style.css на WP темата:

time.the-date {
 display: none;
}

Пример за код 2

Ето как да изберете и стилизирате елемент с class="r-hide":

.r-hide {display：none;}

Ако WP темата има опции, можете да добавите горния CSS код къмОпции за WP тема → Персонализиране на стил → Персонализиранеполе за стилов код.

• Използвайте CSS стиловедисплей: няма;  скриване на посоченото съдържание,
• Невидимо през браузъра, скритото съдържание не заема място,
• Обикновено се използва за скриване на JS ефекти, скриване на икони на статистически кодове и др.

Разширено четене:

• " Каква е разликата между класа на CSS селектор и id? използване на идентификатор и клас в HTML"