点击span时不让li触发active,只触发span的active
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li:active {
background-color: darkgrey;
}
#text:active{
opacity: 0.5;
}
</style>
</head>
<body>
<ul>
<li>
<img src="http://dcloudio.github.io/mui/assets/img/cbd.jpg" width="100" height="100"/>
<span id="text">
查看详情
</span>
</li>
</ul>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
同时也会触发
<li>
是因为事件冒泡,阻止事件冒泡即可。