SOURCE

<header><h3>css类选择器和伪类练习</h3></header><hr/>
<div>
    <h1>分组选择器</h1>
    <h2>分组选择器</h2>
</div>
<div class="lianxi">
    <h1>嵌套选择器</h1>
</div>
<div>
  <p>子元素选择器</p>
  <h3>不会有变化</h3>
  <p>会变化</p>
</div>
<div>
  <a href="www.baidu.com"><h3>连接 </h3></a>
   
</div>
<div>
  
</div>

h3{text-align:center;
  
}
div {
  border:3px solid black;
}
h1,h2{text-align:center;
      background-color:yellow;
      
}
.lianxi h1 {text-align:center;
            background-color:pink;
      }
div>p{
  text-align:center;
   background-color:pink;
}
a:link {color:blue;}      /* 未访问链接*/
a:visited {color:yellow;}  /* 已访问链接 */
a:hover {color:green;}  /* 鼠标移动到链接上 */
a:active {color:pink;}  /* 鼠标点击时 */