<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*兄弟选择器 相邻的才会改变*/
div+p{
color:orange;
}
/*hover 伪类选择器*/
p:hover{
background-color: red;
color:blueviolet;
}
.c1 p:hover{
background-color: green;
}
</style>
</head>
<body>
<div id="footer">
<p>哈哈啊哈哈哈哈哈哈</p>
<div>div1</div>
<p>段落1</p>
<div class='c1'>div2
<p>段落2</p>
<p>段落3</p>
</div>
<div class='c1'>div3</div>
<p>段落4</p>
<p>段落5</p>
<p>段落6</p>
<p>段落7</p>
<div >div4</div>
<p>段落8</p>
<div>div5</div>
<p>段落9</p>
<div class='c1'>div6</div>
<p>段落10</p>
<p>段落11</p>
</div>
</body>
</html>
网友评论