Как оформить чистый заголовок HTML для определенных тегов привязки или div? - PullRequest
Новая
       1

Как оформить чистый заголовок HTML для определенных тегов привязки или div?

0 голосов
/ 06 июня 2018

Я пытаюсь стилизовать заголовок (а не подсказку) для ссылки.Но я не могу понять, как его стилизовать.

Мой код здесь.Я не хочу стилизовать его, добавив псевдоэлемент и элементы до и после. 

<!DOCTYPE html>
<html lang="en-US">


<body>

<h2>Link Titles</h2>
<p>The title </p>
<a href="#" title="this is the title i want to style">Visit our HTML Tutorial</a>



</body>
</html>

Как оформить заголовок, который появляется при наведении курсора на тег привязки.

1 Ответ

0 голосов
/ 06 июня 2018

Вы не можете стилизовать его напрямую, но вы можете создать тот же эффект, используя псевдоэлемент. 

a[myTitle]:hover {
  position: relative;
}

a[myTitle]:hover:after {
  content: attr(myTitle);
  position: absolute;
  left: 0;
  top: 100%;
  background: #000;
  color: #fff;
  padding: .5rem 1rem;
  z-index: 1000;
  white-space: nowrap;
}
<h2>Link Titles</h2>
<p>The title </p>
<a href="#" myTitle="this is the title i want to style">Visit our HTML Tutorial</a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...