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

Как скрыть стиль даты в CSS в теме WordPress ?

Учебное пособие по скрытому 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;}

Если ваша тема WordPress имеет функцию настройки, вы можете добавить указанный выше код CSS в поле для кода в разделе «Параметры темы WordPress» → «Настройка стиля» → «Пользовательский стиль».

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

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

• В чем разница между классом селектора CSS и идентификатором? использование идентификатора и класса в HTML