當(dāng)然可以。利用 :hover 加上各種CSS選擇器的定位技巧。

<!DOCTYPE?html>
<style>
	.A?{
		line-height:?40px;
	}
	.B,?.C,?.D{
	????????-webkit-transition:?1s;
		transition:?1s;
	}
	.B??{
		width:?400px;
		height:?500px;
		background-color:?red;
	}
	.C{
		width:?300px;
		height:?200px;
		background-color:?green;
	}
	.D?{
		width:?300px;
		height:?200px;
		background-color:?blue;
	}
	.A:hover?+?.B?{
		width:?500px;
	}
	.A:hover?+?.B>.C?{
		width:?100px;
	}
	.A:hover?+?.B>.D?{
		width:?500px;
	}
</style>

<a?class="A"?href="#">hover?me!!</a>

<div?class="B">
	B
	<div?class="C">
		C
	</div>
	<div?class="D">
		D
	</div>
</div>

這好像只能用js吧