:after伪类应用的简单示例

内容摘要
这篇文章主要为大家详细介绍了:after伪类应用的简单示例,有喜欢html的小伙伴可以来参考一下。
文章正文

这篇文章主要为大家详细介绍了:after伪类应用的简单示例,有喜欢html的小伙伴可以来参考一下。

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>

注:关于:after伪类应用的简单示例的内容就先介绍到这里

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!