小臭虫日记

hui_Steven

已于 2022-01-26 17:07:52 修改

阅读量941

点赞数

分类专栏：大前端文章标签： css html css3

于 2022-01-26 16:59:44 首次发布

本文链接：https://blog.csdn.net/inasa123/article/details/122705201

版权

大前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

今天学习css过程中学习到了伪类，在引用伪类时发现没有作用于是乎进行了查找，发现是一个不是问题的小问题如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>伪类选择器</title>
        <style>
            /* 需求：永远让位于第一个的li颜色是红色。想到使用class 或者id
            但是如果有了新需求后来在第一个li上边又加了li 使用类选择器就不能保证永远是
            第一个li。所以不能满足需求。需要采用伪类选择器。
            */
            

            li :first-child{color: red;}/*错误的写法*/
            li:first-child{color: red;}/*正确的写法，即li和伪类选择器之间不加空格*/
        </style>
    </head>
    <body>
        <ul>
            <li>woshi</li>
            <li>我才是第一个</li>
            <li class="first">第一个</li>   
            <li>第二个</li>
            <li>第三个</li>
            <li>第四个</li>
            <li>第五个</li>
        </ul>
        
    </body>
</html>