Как скрыть стиль CSS даты темы WordPress? Учебное пособие по скрытому CSS-стилю div

如何 隐藏WordPressCSS-стиль даты темы?

Учебное пособие по скрытому CSS-стилю DIV

Чен ВэйлянВ последнее время шаблон сайта был улучшен и оптимизирован, и это также сделано с учетом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 и идентификатором? использование идентификатора и класса в HTML