如何选择 div 中的两种不同输入类型的文本？答案

【问题标题】：How to select two different input type text that is in a div?如何选择 div 中的两种不同输入类型的文本？
【发布时间】：2019-01-11 14:09:10
【问题描述】：

我有两个不同的文本类型输入，我想为每个输入应用不同的样式。我该怎么做呢？

div input[type=text] {
	background-color: #212121;
	border: none;
	color: white;
	padding: 1px 5px;
	text-align: right;
text-decoration: none;
display: inline-block;
font-size: 10px;
width: 86px;
height: 35px;
}

.contact-field {
	width: 33.33%; 
	display: inline-block;
	vertical-align: top;
}

.contact-field input {
	width: 90%;
	padding: 10px;
	border: 3px solid #dedede;
	outline: none;
	margin-bottom: 10px;
	transition: all .325s;
}

<div class="row">
  <div class="column">
    <input type="text" name="MAR 7" value="MAR 7">
	</div>
  <div class="column">
    <div class="caption">
    <h5>Ziggo Dome</h5>
    <h6>NIEUW-AMSTERDAM, NETHERLANDS</h6>
    </div>
	</div>

  <div class="main-container">
    <section class="contact-container"> 
      <form method="GET" action="#">
        <div class="contact-field">
        	  <input type="text" name="full-name" placeholder="Email Address" required/>
	</div>

我显然对此很陌生。我希望你能帮助我。

【问题讨论】：

标签： html css input text selector

【解决方案1】：

在 css 中，要针对第一个输入，您可以执行以下操作 - .row .column input[type="text"]

第二个像这样 - .main-container .contact-container form contact-field input[type="text"]

这将允许您将不同的 css 样式应用于您的每个输入，而不会交叉。

【讨论】：