前端面试笔试题目-CSS专项练习（基础）

jasmine_qiqi

已于 2022-03-24 14:22:29 修改

阅读量1k

点赞数

文章标签： css css3

于 2022-03-24 13:23:13 首次发布

本文链接：https://blog.csdn.net/weixin_45065754/article/details/123707882

版权

题目来源：牛客网：https://www.nowcoder.com/

1、标签、类、ID选择器

请将html模块中字体内容是"红色"的字体颜色设置为"rgb(255, 0, 0)"，“绿色"设置为"rgb(0, 128, 0)”，“黑色"设置为"rgb(0, 0, 0)”，且字体大小都为20px

<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            /*补全代码*/
            div{
     
                color:rgb(255, 0, 0);
                font-size:20px;
            }
            .green{
     
                color:rgb(0, 128, 0);
            }
            #black{
     
                color:rgb(0, 0, 0);
            }
        </style>
    </head>
    <body>
        <div>红色</div>
        <div class='green'>绿色</div>
        <div id='black'>黑色</div>
    </body>
</html>

总结：

CSS优先级：!important、内联、ID选择器、类、标签

2、伪类选择器（li:first-child）

请将html模块中ul列表的第2个li标签和第4个li标签的背景颜色设置成"rgb(255, 0, 0)"

<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            /*补全代码*/
            li:nth-child(even){
     
                background:rgb(255,0,0);
            }
        </style>
    </head>
    <body>
        <ul>
            <li>1</li>