CSS的hover after的示例

作者: dyoung 分类: IT 发布时间: 2017-10-27 16:40
<!DOCTYPE html>
<html lang=”zh-CN“>
<head>
<meta charset=”utf-8” />
<title>Content</title>
</head>
<body>
<style>
.content:hover::before, a:hover::after { position: absolute; }
.content:hover::before { content: “\5B”;}
.content:hover::after { content: “\5D”;}
</style>
<pre>
.content:hover:before{
//使用方法
}
</pre>
<div styke=”width:1190px;margin:0 auto;“>
<div data-msg=”最美的世界class=”content“>鼠标放在这里数据会改变</div>
</div>
</body>
</html>

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。