Меню Закрыть

Давайте поставим иконку с текстом и изображениями свободно с CSS:: до,:: после

:: Перед {Content "} или:: после {Content"} является очень полезным виртуальным селектором, когда вы не имеете прямого контроля над HTML (подключаемый элемент Саид. exe) и хотите кормить атрибуты, общие для таких элементов.

Используйте следующие свойства:: до и содержимое "" чтобы поместить содержимое, которое требуется вставить.

    :: До и:: после использования в реальном CSS

<div class="reply">Комментарии</div>

Комментарии

Если вы хотите поместить что-то перед именем класса ответить выше, вы можете сделать это, добавив CSS к нему.

. Ответ:: перед {
  Содержание: "это"
  }
Комментарии

Это содержание: Если вы хотите дать свойство элементу, то вы можете сделать это.

  . Ответ:: перед {
  Содержание: "это";
  Шрифт-вес: полужирный;
  Шрифт-стиль: курсив;
  }
Комментарии

Текст, а также фон: URL ("Image Address") не повторять; вставьте адрес изображения как, ширина: 16px; Вы также можете задать ширину и высоту, чтобы включить изображения с помощью высоты: 16px; и так далее, или использовать CSS иконки, такие как Awesome CSS значок.

  . Ответ:: перед {
  Содержание: "ф044";
  Шрифт: нормальный нормальный нормальный 16px/1 fontawesome;
  Маржа-справа: 5px;
  }
Комментарии

(Обратите внимание, что CSS смайлики перед комментариями в примере фактически используются в окне комментарии сайта Гккмон.)

    :: До и:: после применения

Эту функцию можно использовать для персонализации сайта или блога различными способами. Вы можете вставить значок перед некоторыми элементами, такими как тот, который используется Гккмон.<li></li>Вы также можете сделать тот же список.

Лучшая часть всего, что вы можете изменить части плагинов, которые вы не знаете, или то, что HTML элементы, которые вы не хотите изменить (Гккмон), что вы используете на сайте (собака мед-Пн) является плагин для WordPress реАктивный ранец (Jet Pack).

После того как вы применили это и выяснили имя класса, например, щелкните правой кнопкой мыши → контроль элемента, чтобы заменить сайт свой собственный, давайте настроить его на свой вкус.

Related posts - 관련 글

Добавить комментарий

Ваш адрес email не будет опубликован.

Posted in All, WordPress

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.