为什么宽度在表单和提交按钮中不起作用

Question

#side-bottom{}
      #side-bottom h3{
	  text-align: center;
	  font-size: 20px;
	  padding: 5px 10px;
	  }
	  #side-bottom form{}
	    #side-bottom form input{type='email'}
		{
	          width: 200px;
	          height: 20px;       
}
     #side-bottom form input{type="submit" value="submit"}{
	       width: 200px;
		   margin-top: 10px;
		   height: 30px;
		   background:#FF9900;
		   }

</section>
<aside>
     <div id="side-top">
        <h1>Latest post</h1>
        <div id="latest-post-list">
         <div class="latest-post"> First post title</div>
         <div class="latest-post"> First post title</div>
         <div class="latest-post"> First post title</div>
         <div class="latest-post"> First post title</div>
    </div>
</div>
      <div id="side-bottom">
      <h3>News updates</h3>
       <form>
        <input type="text" name="email">
		 <input type="submit" value="submit">
      </form>
</div>

在 htmlside 中，当使用该输入提交按钮中的表单代码无法正常工作并且 css 侧宽不起作用时，我无法获取它，这里激活它有什么问题。

Answer 1

您有多个语法错误。

例如，input 和属性 [type="submit"] 之间有一个空格（应该没有 - 请参阅下面的代码）

此外，没有[type="email"]元素（它应该是[type="text"]或[name="email"]

还有更多...

我已经修复了下面代码中的一些问题，但我不确定您想要的结果是什么。

#side-bottom h3 {
  text-align: center;
  font-size: 20px;
  padding: 5px 10px;
}
#side-bottom form input {
  width: 200px;
}
#side-bottom form input[name='email'] {
  height: 20px;
}
#side-bottom form input[type="submit"] {
  margin-top: 10px;
  height: 30px;
  background-color: #FF9900;
}

<div id="side-top">
  <h1>Latest post</h1>
  <div id="latest-post-list">
    <div class="latest-post">First post title</div>
    <div class="latest-post">First post title</div>
    <div class="latest-post">First post title</div>
    <div class="latest-post">First post title</div>
  </div>
</div>
<hr/>
<div id="side-bottom">
  <h3>News updates</h3>
  <form>
    <input type="text" name="email">
    <input type="submit" value="submit">
  </form>
</div>