首先看到两个div之间的关系,选择合适的方式:
控制div:hover关系 被控制div{
css样式修饰
}
1. 空格分隔——控制子元素
2. +分隔——同级元素(兄弟元素)
3. ~分隔——控制就近元素
下面的列子是一个div里面放了video和一个div,当鼠标经过父div显示子div。
<html>
<head>
<meta name="viewport" content="user-scalable=yes;width=device-width;initial-scale=1.0;maximum-scale=1.0;">
<title>视频制作</title>
<style>
.box{
width: 840px;<