<title>无标题文档</title>
<link type="text/css" href="2.css" rel="stylesheet" />
</head>
<body>
<div class="myDiv">
<p class="myP">div</p>
<div>
<p class="myP">di</p>
</div>
</div>
<a href="#">d</a>
<link type="text/css" href="2.css" rel="stylesheet" />
</head>
<body>
<div class="myDiv">
<p class="myP">div</p>
<div>
<p class="myP">di</p>
</div>
</div>
<a href="#">d</a>
</body>
CSS
body{
border:5px solid yellow;
}
.myDiv{
width:300px;
height:250px;
background-color:#FC9;
}
.myDiv .myP:hover{
width:200px;
height:150px;
background-color:#6CC;
}
*{
border:5px solid yellow;
}