请老师检查一下代码是否符合要求

来源:2-29 编程练习

philLi

2019-04-22 19:40:06

tbody>tr:nth-child(odd){

            color:orange;

        }


写回答

2回答

好帮手慕夭夭

2019-04-23

你好同学,代码实现的正确,继续加油 ,祝学习愉快 !

0

philLi

提问者

2019-04-22

没粘好,是这一段:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>:nth-child()</title>

    <style type="text/css">

        /*此处补充样式*/

        thead{

            background:yellow;

        }

        /*选择器很灵活,要熟练掌握*/

        tbody>tr:nth-child(odd){

            color:orange;

        }

        tbody>tr:nth-child(even){

            color:green;

        }

    </style>

</head>

<body>

    <table border="1" cellspacing="0" width="200">

        <thead>

            <tr>

                <th>序号</th>

                <th>姓名</th>

                <th>性别</th>

                <th>年纪</th>

            </tr>

        </thead>

        <tbody> 

            <tr>

                <td>1</td>

                <td>张三</td>

                <td>男</td>

                <td>12</td>

            </tr>

            <tr>

                <td>2</td>

                <td>李四</td>

                <td>女</td>

                <td>11</td>

            </tr>

            <tr>

                <td>3</td>

                <td>赵五</td>

                <td>男</td>

                <td>12</td>

            </tr>

            <tr>

                <td>4</td>

                <td>王二</td>

                <td>男</td>

                <td>12</td>

            </tr>

        </tbody>  

    </table>

</body>

</html>


0

0 学习 · 40143 问题

查看课程