如何选择第三个标签？ [复制]答案

【问题标题】：How can I choose a 3rd tag? [duplicate]如何选择第三个标签？ [复制]
【发布时间】：2019-12-13 17:16:34
【问题描述】：

我在选择第三个输入标签时遇到问题，下面是代码，帮我看看，谢谢

<div class="form-login">
    <form>
        <label>Email address</label><br>
        <input type="text" name="account" placeholder="Entet your email"><br>
        <label>Password</label><br>
        <input type="password" name="password" placeholder="Enter your password"><br>
        <input type="radio" name="remember"><label>Remember me</label><br>
        <button type="button" >
            Login now
        </button>
    </form>
</div>

.form-login form input:nth-child(3){}

【问题讨论】：

.form-login input[name="remember"] 也可以使用属性选择器
.form-login input[type=radio] 如果只有 1 个单选按钮，您可以使用名称属性。

标签： html css

【解决方案1】：

input:nth-child(3) 选择不存在的输入的第三个孩子。您需要使用nth-of-type。

.form-login form input:nth-of-type(3){}

【讨论】：

【解决方案2】：

此代码用于提取您的标签；

.form-login form label:nth-of-type(3){}

那个是你的复选框；

.form-login form input:nth-of-type(3){}

【讨论】：