幅がフォームで作業し、あまりにも

Question

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

</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"> 
 
\t \t <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>