: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伪类应用的简单示例的内容就先介绍到这里
代码注释