CSS - 如何选择表单元素的nth-child？

Question

我正在尝试重新设计我的WP网站的注册表格.我还添加了一些exta字段.我增加<form>容器的宽度并将<input>字段的流量设置为left.但我想将手机字段(<form>元素的第三个孩子)的流量设置为无float: none;.我尝试这样做:form:nth-child(3) {float: none;}但它看起来不起作用.它选择形式而不是形式的第3个字段.怎么了？

这是我网站的注册页面.请帮忙.

Answer 1

您需要包含后代组合子(空格):

form :nth-child(3) {
    /* CSS */
}

没有空格,如果它是父form元素的第三个子元素,则选择-element ,并选择空间中的第三个子元素form.只获得那些直接后代的元素:

form > :nth-child(3) {
    /* CSS */
}

参考:

• CSS选择器,3级.