如何写:hover
和:visited
条件a:before
?
我正在尝试,a:before:hover
但是没有用
如何写:hover
和:visited
条件a:before
?
我正在尝试,a:before:hover
但是没有用
尝试使用.card-listing:hover::after
hover
并after
使用::
它会起作用
在鼠标悬停时更改菜单链接的文本。(悬停时使用的不同语言文字)这是
的HTML:
<a align="center" href="#"><span>kannada</span></a>
CSS:
span {
font-size:12px;
}
a {
color:green;
}
a:hover span {
display:none;
}
a:hover:before {
color:red;
font-size:24px;
content:"ಕನ್ನಡ";
}
您也可以使用右尖括号(“>”)将操作限制为一个类,就像我在这段代码中所做的那样:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
span {
font-size:12px;
}
a {
color:green;
}
.test1>a:hover span {
display:none;
}
.test1>a:hover:before {
color:red;
content:"Apple";
}
</style>
</head>
<body>
<div class="test1">
<a href="#"><span>Google</span></a>
</div>
<div class="test2">
<a href="#"><span>Apple</span></a>
</div>
</body>
</html>
注意: hover:before开关仅适用于.test1类
写
a:hover::before
而不是a::before:hover
:example。