整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
果图:
使用场景: 使用React渲染后台返回的数据, 遍历以列表的形式展示, 可能内容简要字段需要鼠标放上去才显示的
可以借助DOM的自定义属性和CSS伪类的attr来实现
所有代码:
a:link 未访问状态
a:visited 已访问后的链接
a:hover 鼠标悬停状态
a:active 选定的链接
注意：a:hover 必须放在a:link和a:visited 才有效
a:active 必须放在a:hover才有效
一般放置顺为：a:link，a:visited，a:hover，a:active
<style type="text/css">
a{
color:gray;
text-decoration: none;
}
a:link{
color: yellow;
}
a:hover{
color:red;
}
a:visited{
color: green;
}
a:active{
text-decoration: underline;
}
</style>
</head>
<body>
<a href="1.demo.html" target="_blank">超链接1</a>
<a href="1.demo.html" target="_blank">超链接2</a>
<a href="1.demo.html" target="_blank">超链接3</a>
<a href="1.demo.html" target="_blank">超链接4</a>
</body>
:after，可以在选定的元素后面插入一个内容。
:before，在选定元素前面插入一个内容
<style type="text/css">
a{
color:#000000;
text-decoration: none;
width: 100px;
display: inline-block;
text-align: center;
/*border: solid 1px red;*/
}
a:hover:before{
content: "[";
}
a:hover:after{
content: "]";
}
</style>
</head>
<body>
<a href="#" class="nav">首页</a><a href="#">产品</a><a href="#">关于我们</a><a href="#">联系我们</a>
</body>
效果图
*请认真填写需求信息，我们会在24小时内与您取得联系。
