Question

我正在尝试创建一个登录论坛，而我在对html进行样式设置时，尝试对标记的子元素进行样式设置时遇到了问题，这是我的HTML：

    <div id="login">
            <h4>Enter your Email here</h4>
            <input type="text" id="loginmail" placeholder="Email">
            <h4>Enter your password over here</h4>
            <input type="password" id="loginpswd" placeholder="Password"> <br>
            <button id="submit">Log in</button>
    </div>

这是整个div的CSS：

#login
{
    border-radius: 20px;
    background: #C5C5C7;
    text-align: center;
    width: 320px;
    height: 420px;
    margin: auto;
    padding: 50px 20px;
}

所以，现在，当我尝试样式化以下ID时：

#loginmail, #loginpswd
{
    border: none;
}

什么都没有出现或改变，所以基本上我想知道错误在哪里，谢谢大家！。

Answer 1

您错过了一个逗号：#loginmail, #loginpswd

#login
{
    border-radius: 20px;
    background: #C5C5C7;
    text-align: center;
    width: 320px;
    height: 420px;
    margin: auto;
    padding: 50px 20px;
}
#loginmail, #loginpswd
{
    border: none;
}

   <div id="login">
            <h4>Enter your Email here</h4>
            <input type="text" id="loginmail" placeholder="Email">
            <h4>Enter your password over here</h4>
            <input type="password" id="loginpswd" placeholder="Password"> <br>
            <button id="submit">Log in</button>
    </div>

设置div元素的子元素时出现问题

1 个答案: