选择器的优先级：
当使用不同的选择器，选中同一个元素时，并且设置相同的样式时，这时样式之间产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级（权重）决定，优先级高的优先显示
a的伪类：
源代码：
a:link{
color:black;
}
a:visited{
color:red;
}
a:hover{
color:green;
}
a:active{
color:cornflowerblue;
}
<a href='#'>访问过的链接</a>
<a href='#'>未访问过的链接</a>
文本标签
<em>和<strong>
源代码：
<p>今天<em>天气真不错</em></p>
<p><strong>你要是不认真听课，你就找不到工作</strong></p>
代码实现：
<i>和<b>标签
源代码:
<p><i>今天天气不错</i></p>
<p><b>确实不错哦！</b></p>
代码实现：
备注：和前一个<em>和<strong>差不多但是没有语义！！！
<cite>标签
源代码：
<cite>《三体》是我最喜欢的一本书</cite>
代码实现：
<blockquote>
源代码：
<p>子曰：<blockquote><有朋自远方来，不亦说乎/blockquote>></p>
代码实现：
blockquote表示一个长引用（块状引用）
<sup>和<sub>标签
源代码：
<p>2<sup>2</sup></p>
<p>赵薇<sup><a href="#">[1]</a></sup></p>
代码实现：
