关于fisrt-child,last-child问题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>动态伪类</title>
        <style type="text/css">
            /*此处写代码*/
            input:hover{
                border:1px solid red;
            }
        div:first-child > input:focus{
            background:#FF8C00;
        }
        div:last-child > input:focus{
            background:#FF0000;
        }
        </style>
    </head>
    <body>
        <!-- 此处写代码 -->
        <div>
            <span>用户名：</span><input type="text">
        </div>
        <div>
            <span>密码：</span><input type="password">
        </div>

    </body>
</html>

这样使用first/last-child选择器。用户名输入框获得焦点时背景会变色。当密码输入框获取焦点时，背景色却不变这是为什么？

铅笔画2016 2017-04-13

源自：CSS3选择器 2-19 编程练习

收起

2回答

提问者铅笔画2016 2017-04-13 13:54:01

这样。而我也尝试了在sublime新建页面预览是可以的。

收起回答

Hbrsql 2017-04-13 12:36:52

试了下,两个框都可以变色.

收起回答

提问者铅笔画2016 #1

我又试了一下，还是没有变色，，可能是我浏览器保存的有帐号密码？

2017-04-13 13:52:27
Mr小丸子先森回复提问者铅笔画2016 #2

我之前也有同样的问题，在这个里边写的last-child不变颜色，但是把代码拷到SublimeText里边用浏览器预览是可以变颜色的，你也试试

2017-09-20 23:36:59