divクラスのCSSが機能していないのはなぜですか？

私はdivクラスのためのCSS = iphoneが機能しないのだろうと思っています。あなたが私がcssに含める国境や何かを見ることはできません。私はcodepenでコードを書いていましたが、一度私が崇高にそれをした、それは何も表示されません（しかし、クラスのiphoneとのdiv要素のためだけ）。なぜ誰が知っていますか？ありがとう!! HTML：そのためのCSSのdivクラスのCSSが機能していないのはなぜですか？

<body> 
    <header> 
     <h1>Guess a Number!</h1> 
     <h2> - - - - - - - - - - - - -</h2> 
     <h3>Lets Play</h3> 
     <h4>Pick a number from 1-100</h4> 
    </header> 
    <section> 
    <div class="iphone"> .. 
     <div> 
     <input type="text" name="number" placeholder="number" 
    class=pickingNumber> 
     <button class="send"><i class="fa fa-share"></i></button> 
     </div> 
     <div class="playAgain"> 
     <button class="buttons"> 
      <p><b>---</b></p> 
     </button> 
     <button class="buttons"> 
      <p><b>---</b></p> 
     </button> 
     </div> 
     </div> 
    </section> 
    <footer> 
     <div> 
     <p class="end">&copy; Made by me</p> 
     <p class="end">Thanks for visiting!</p> 
    </footer> 
    </body> 
</html>

一部：

.iphone{ 
    border: 6px solid #949599; 

}

出典

2016-05-03 learningcoding

は、要素を検査し、CSSルールは、DIVに適用されている参照します。 – Mike

あなたの問題と関係があるかどうかは分かりませんが、その 'iphone' div内の' input'タグの 'class = pickingNumber'では、引用符がなくなっています（' class = "pickingNumber" '） – Johannes

は、あなたのHTMLは、CSSファイルへ<link>を持っていますか？

http://www.w3schools.com/css/css_howto.asp

出典

2016-05-03 22:15:06

はい、ここに投稿していません – learningcoding

あなたはそれが思わフッターに余分なdiv要素を持っています。それは問題かもしれませんか？先行のルールもあるので、iphoneクラスがその名前でロードされた最後のクラスであることを確認してください。

出典

2016-05-03 22:17:31 WarrenU

iphoneクラスにいくつかの寸法を与える必要があるかもしれません。 Firebugのがインストールされたクロム/クロムまたはFirefoxで

iphone { height: 100px; width: 100px; }

出典

2016-05-03 22:48:54 Mariano

divクラスのCSSが機能していないのはなぜですか？

答えて

関連する問題