Оформление внешних ссылок

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Вопрос простой.Хочу сделать оформление ссылок в постах с помощью СSS:

.svp a:link,
.svp a:visited {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
        background: #0099ff;
        padding: 1px 5px 2px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}
.svp a:hover {
    color:#222;
    background-color: transparent;
    text-decoration: none;
        background: #c8fc2a;
        padding: 1px 5px 2px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

Ссылка вида

<div class="svp">Я ссылка</div>

Проблема в том,что оформляются и ссылки(внешние) в изображениях.Поэтому вопрос,как обойтись одним

<div class="svp"></div>

на пост,исключив изображения и баннеры.

Создай свой первый сайт на WordPress

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

  1. Ruslan

    http://maxsite.org/page/znatokam-css-zadachka
    хороший вопрос)

    Ответить
  2. SwaEgo

    Вопрос так и остался открытым…
    Пришлось встроить в HTML редактор дополнительную кнопку для этого стиля,что тоже удобно.

    Ответить
  3. Возможно вам будут полезны эти материалы:
    Как выделить внешние ссылки — https://n-wp.ru/kak-vyidelit-vneshnie-ssyilki/
    Как выделить внешние ссылки (решение для Internet Explorer) — https://n-wp.ru/kak-vyidelit-vneshnie-ssyilki-reshenie-dlya-internet-explorer/

    Ответить
    1. SwaEgo автор

      Иконкой внешние ссылки я уже выделил.
      Ну да ладно,фича не так уж и важна.

      Ответить
      1. Хотите исключить ссылки-картинки? Создайте для них свой стиль — https://n-wp.ru/kak-udalit-podcherkivanie-ssyilok-kartinok/

        Ответить
        1. SwaEgo автор

          Не работает,также как и
          a img{
          text-decoration: none; border:none
          }
          Больше чем уверен,что решение простое,осталось его только найти.

          Ответить