Html 如何使用属性选择器为一个输入块应用所需的样式？

当我解决这个问题时，我创建了几个块，我需要用一个特殊的宽度来创建其中一个块？

这是我的Html代码

<section id="sec">
  <input type="text" name="myname1" />
  <input type="text" name="myname2" />
  <input type="text" name="myname3" />
</section>

---

请参见

非常简单的解决方法。选择器

#秒输入

比

输入[name=myname2]

更重要，因为它是后代选择器，CSS指定后代比一个元素选择器更重要。为了使您的

输入[name=myname2]

正常工作，只需将其更改为

#秒输入[name=myname2]

然后，因为

#sec input[name=myname2]

是后代，更具体地说，它会覆盖

#sec input

干杯

#sec input {
  width: 300px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  height: 52px;
  margin: 2px 0 27px 0;
  font-size: 24px;
  font-weight: 100;
  padding: 0 10px;
  box-sizing: border-box;
}
input[name=myname2] {
  width: 150px;
}