选择器的优先级：

当使用不同的选择器，选中同一个元素时，并且设置相同的样式时，这时样式之间产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级（权重）决定，优先级高的优先显示

---

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²</p>

<p>赵薇^{<a href="#">[1]</a>}</p>

代码实现：

备注：用标签来设置一个上标