<!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> | |
CSS的hover after的示例
- Jet Chen
- 0