22-实战知识点：盒子阴影文字阴影，E:not(s) { sRules },vertical-align，@font-face，@media

1.第一个li下面的a和li下面的第一个a的两种写法 

    <style>
        /* 第一个li下面的a */
        div>li:nth-of-type(1)>a{
            color: red;
        }
        /* li下面的第一个a */
        div>li>a:nth-of-type(1){
            color: green;
        }
        div{
        /* 边框圆角(数值越大角越圆)*/
        /* 当设置圆角矩形的时候，图形为正方形，值为宽高或者50%，图形变成圆形。 */
        /* 当图形为矩形的时候，值px为宽，图形变为圆角矩形；值为50%，图形变为椭圆。 */
        border-radius: 3px;
        /* 去除边框 */
        border: none;
        /* 去除文本框选中样式 */
        outline: none;
        }
    </style>

2.盒子阴影，文字阴影

<style>
            /* 盒子阴影,第三个值越大越模糊 */
            box-sha