CSS für die div-Klasse funktioniert nicht - warum?

Ich frage mich, warum das CSS für die Div-Klasse = iPhone funktioniert nicht - Sie können nicht sehen, eine Grenze oder etwas anderes ich in der CSS.wie auch immer, wenn ich den Code auf Codepen schrieb es alles funktioniert gut und sobald ich es auf sublime gemacht habe, wird es nichts mehr zeigen (aber nur für das div-element mit der klasse iphone). Weiß jemand warum? Vielen Dank!! Html:CSS für die div-Klasse funktioniert nicht - warum?

<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>

Teil von CSS für die:

.iphone{ 
    border: 6px solid #949599; 

}

Quelle

2016-05-03 learningcoding

In Chrom/Chrom oder Firefox mit Firebug installiert, um das Element prüfen und festzustellen, welche CSS-Regeln auf die div angewandt werden. – Mike

Ich weiß nicht, ob das mit Ihrem Problem zu tun hat, aber in 'class = pickingNumber' innerhalb des 'nput'-Tags in diesem' iphone' div fehlen die Anführungszeichen (sollte 'class =" pickingNumber "' sein) – Johannes

Gibt es in Ihrem HTML hat einen <link> auf die CSS-Datei?

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

Quelle

2016-05-03 22:15:06

ja, habe es gerade nicht hier gepostet – learningcoding

Sie haben eine extra div in der Fußzeile es scheint. Das könnte ein Problem sein? Es gibt auch Präzedenzregeln, also stelle sicher, dass die iphone-Klasse die letzte Klasse ist, die mit diesem Namen geladen ist.

Quelle

2016-05-03 22:17:31 WarrenU

Möglicherweise müssen Sie der Klasse iphone einige Abmessungen geben.

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

Quelle

2016-05-03 22:48:54 Mariano

CSS für die div-Klasse funktioniert nicht - warum?

Antwort

Verwandte Themen