Отобразить другой стиль части ссылки - PullRequest
Новая
       7

Отобразить другой стиль части ссылки

0 голосов
/ 01 ноября 2018

У меня есть стилизованная ссылка. Теперь я хотел бы, чтобы при наведении курсора на несколько букв ссылки использовался другой стиль - другой цвет.

Пример:

ЭТО НОРМАЛЬНАЯ ССЫЛКА

ЭТО НОРМА AL ССЫЛКА в режиме наведения, где AL - курсив и другой цвет.

Ответы [ 3 ]

0 голосов
/ 01 ноября 2018

Попробуйте это 

a{
   color:#333;
   text-transform:uppercase;
   text-decoration:none;
 }
 
a:hover span{
    font-style:italic;
    color:red;
}
<a href="#">This is norm<span>al</span> link</a>
0 голосов
/ 01 ноября 2018

попробуйте этот пример 

<!DOCTYPE html>
<html>
<head>
<style>
span.ex1:hover, span.ex1:active {font-style: italic; color: red;}
</style>
</head>
<body>

<p>Mouse over the links to see them change layout.</p>


<p><a  href="default.asp">THIS IS NORM<span class="ex1">AL</span> LINK</a></p>
</body>
</html>
0 голосов
/ 01 ноября 2018

Оберните ваш текст в span и введите его в стиль :hover 

a:hover span{
font-style: italic;
color:red;
}
<a>THIS IS NORM<span>AL</span> LINK</a>
...