快捷短语的使用

第一个知识点：

代码分别代表第一个li标签的样式第二个li标签的样式以此类推

.test li:nth-child(1):hover{}

.test li:nth-child(2):hover{}

.test li:nth-child(3):hover{}

.test li:nth-child(4):hover{}

.test li:nth-child(5):hover{}

<ul class="test">

    <li>背景色过渡</li>

    <li>背景色过渡</li>

    <li>背景色过渡</li>

    <li>背景色过渡</li>

    <li>背景色过渡</li>

 

</ul>

第三个知识点：

P::before{img:url(文字前面的图片如下引号)}；

 

P::after{img：url（文字后面的图片如下引号）}；