:after伪类应用的简单示例

前端之家收集整理的这篇文章主要介绍了:after伪类应用的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣:after伪类的小应用的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
HTML代码如下:

<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
h1[id]:hover::after {
content: " #"attr(id);
}
</style>
</head>
<body>
<h1 id="test">测试标题</h1>
</body>
</html>
<!--   来自 编程之家 jb51.cc (jb51.cc)-->
原文链接:https://www.f2er.com/html/527540.html

猜你在找的HTML相关文章