关于伪类选择器的问题

登录

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>伪类选择器</title>
<style type="text/css">
.box1 {
width: 180px;
height: 70px;
background: #236177;
text-align: center;
line-height: 70px;
color: aliceblue;
}
.box1:hover {
width: 400px;
height: 200px;
background: #800002;
}
.box2 {
width: 150px;
height: 30px;
background: #13B900;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;
}
.box2:visited {
width: 150px;
height: 30px;
background:#FF0004;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;

}
.box2:hover {
width: 150px;
height: 30px;
background: #086F0A;
font-family: "微软雅黑";
color: #F8FF00;
text-align: center;
line-height: 30px;
}
.box2 a {
color: #FFF500;
text-decoration: none;
font-family: "微软雅黑"
}

</style>
</head>

<body>
<div class="box1" >这是一个盒子</div>
<br>
<div class="box2"><a href="https://www.baidu.com">提交按钮</a></div>
</body>
</html>

yuanxi52028 · 发表于 2017-8-12 08:47:16

visited 对盒子没有用的，对超级链接才有用
你这个样式写的是控制的DIV 没有控制 a
课程里老师也有讲哦。

删除注释就在下面那个图标你试试

[提问] 关于伪类选择器的问题

本帖子中包含更多资源

共1个回复最后回复于 2017-8-12 08:47

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 关于伪类选择器的问题

本帖子中包含更多资源

共1个回复 最后回复于 2017-8-12 08:47

共1个回复最后回复于 2017-8-12 08:47