<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Transition</title>
<style>
.child{ display: none; }
.parent:hover > .child{ display: block; }
</style>
</head>
<body>
<div class="parent">
<div class="child">Content</div>
</div>
</body>
</html>
我在上面创建了一个简单的布局,显示了我想要实现的概念。我现在想做的是做一个 CSS3 过渡,当父级悬停时,这将允许子级缓和。但是,我不知道在哪里放置转换代码,所以它会起作用。