Css 第n个孩子第一个孩子不工作
试图让第n个孩子/第一个孩子工作Css 第n个孩子第一个孩子不工作,css,css-selectors,Css,Css Selectors,试图让第n个孩子/第一个孩子工作 在下表中的第一个标签上 但我做不好 目前我正在使用 form label { display: block; font-size: 20px; font-size: 2rem; line-height: 18px; cursor: pointer; margin:0 auto; color:#FFF; text-transform:uppercase; padding:40px 0 10px
在下表中的第一个标签上 但我做不好 目前我正在使用
form label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 18px;
cursor: pointer;
margin:0 auto;
color:#FFF;
text-transform:uppercase;
padding:40px 0 10px;
font-weight: normal!important;
}
label:first-child {
padding-top:0;
}
但是我用过
form code div.field span.lspan label:nth-of-type(1)
form code div.field span.lspan label:first-child
.lspan label:first-child
form label:first-child
他们将表单中的所有标签设置为0
<form method="POST" action="" class="">
<div class="field">
<span class="lspan"><label for="sender_name">Name</label></span>
<span class="inspan"><input class="hinput" type="text" name="sender_name" value=""></span>
</div>
<div class="field">
<span class="lspan"><label for="sender_name">Email</label></span><span class="inspan"> <input class="hinput" type="text" name="email" value=""> </span></div>
<div class="field">
<span class="lspan"><label for="subject">Subject</label></span><span class="inspan"><input class="hinput" type="text" name="subject" value=""></span></div>
<div class="field">
<span class="lspan"><label for="sender_name">Message</label></span><span class="inspan"> <textarea class="htextarea" name="message"></textarea></span></div>
<div class="field">
</div>
<div class="field" style="margin-top:15px">
<input type = "submit" class="csubmit" name = "submit" value="Submit" style="" />
</div>
</form>
名称
电子邮件
主题
消息
谢谢
Roy代码中的所有
标记都是其各自
元素的第一个子元素
如果您只想针对代码中第一次出现的
,请使用以下命令:
form div:first-child label {
padding: 0;
}
这将针对
元素中的任何标签,即表单的第一个子项
请记住,您可以在任何子列上使用:first child
,而不仅仅是在最右边