Question

我想知道为什么div class = iphone的css不起作用 - 你看不到边框或我在css中包含的任何其他内容...当我在codepen上编写代码时它都工作得很好一旦我在sublime上做了它，它将不会显示任何东西（但仅适用于具有类iphone的div元素）。有谁知道为什么？谢谢！！ HTML：

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

css的一部分：

.iphone{
    border: 6px solid #949599;

}

Answer 1

您的HTML对css文件有<link>吗？

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

Answer 2

你看起来在页脚中有一个额外的div。那可能是个问题？还有先例规则，因此请确保iphone类是加载该名称的最后一个类。

Answer 3

你可能需要给iphone类一些尺寸。

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

div类的CSS不起作用 - 为什么？

3 个答案: