SOURCE

<h1>
  元素选择器
</h1>
<p>
  pargraph段落
  <br/>
  pargraph段落
</p>
<h2>
  分组选择器
</h2>
<p>
  abc
  <br/>
  abc
</p>
<h3>
  这里是嵌套选择器
</h3>
<div>
  <p>
    2334
    <br/>
    abc
  </p>
</div>
<h3>
  子元素选择器
</h3>
<div>
  <h3>
    ABC
  </h3>
</div>
<h3>
  相邻兄弟选择器
</h3>
<div>
  <p>
    134
    <br/>
    000
  </p>
</div>
<p>
  156
  <br/>
  234
</p>
<h2>
  普通兄弟选择器
</h2>
<div>
  <p>
    980
    <br/>
    tyi
  </p>
</div>
<p>
  adg
  <br/>
  ghl
</p>
<h2>
  伪类 伪元素
</h2>
<p>
  <b>
    <a href="http://www.baidu.com" target="_blank">
      这是一个链接
    </a>
  </b>
</p>
<p>
  this is some text.
  <br/>
  I will not be styled.
</p>
<p>
  this is some text.
  <br/>
  I will not be styled.
</p>

h1 {
  font-family: 幼圆；
}

p {
  background-color: #FFF8DC;
}

h1,h2,h3 {
  color: pink;
  background-color: #00FFFF;
  text-align: center;
   text-shadow: 5px 5px 5px #FF00FF;;
}

div p {
  font-size: 30px;
  background-color: pink;
   
}

div>h3 {
  background-color: skyblue;
}

div+p {
  color: blue;
}

div~p {
  background-color: yellowgreen;
}

a:link {
  color: #000000;
}

a:visited {
  color: #00FF00;
}

a:hover {
  color: #FF00FF;
  font-size: 40px;
}

a:active {
  color: #0000FF;
}

p:first-letter {
  font-size: 30px;
}

p:first-child {
  color: yellow;
}

p:first-line {
  color: #E9967A;
  font-variant: small-caps;
}