:after伪类应用的简单示例

人气：823 时间：2018-09-26

这篇文章主要为大家详细介绍了:after伪类应用的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣:after伪类的小应用的小伙伴，下面一起跟随512笔记的小编罗X来看看吧。
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>
<!--   来自 512笔记 （www.512pic.com）-->

本文来自：http://www.512pic.com/175/1701-0.html

注：关于:after伪类应用的简单示例的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：after

您可能感兴趣的文章

上一篇：.clearfix的原理和总结

下一篇：CSS在表单元素里禁用输入法的简单示例