css styles 不适用于类

Question

我正在尝试创建一张社交卡（类似于 Facebook）。 我不知道为什么我不能在 CSS 中修改我的类，但是当我直接设置它们的样式时它们可以工作。

 .card { display: inline-block; width: 600px; height: 145px; }.image-section { width: 130px; display: inline-block; }.image { width: 90px; vertical-align: middle; border-radius: 90px; }.name { font-size: 55px; }

 <div class=”card”> <div class=”image-section”> <img class=”image” src="images/photo.png"> </div> <div class=”info-section”> <p class=”name”>Roland</p> <p class=”tag”>@roland00</p> <p class=”gender”>Male</p> </div> <div class=”button-section”> <button class=”btn” type=”button”>Follow</button> </div> </div>

Answer 1

现在它的应用你的双引号有错误。

 .card { display: inline-block; width: 600px; height: 145px; }.image-section { width: 130px; display: inline-block; }.image { width: 90px; vertical-align: middle; border-radius: 90px; }.name { font-size: 55px; }

 <div class="card"> <div class="image-section"> <img class="image" src="images/photo.png"> </div> <div class="info-section"> <p class="name">Roland</p> <p class="tag">@roland00</p> <p class="gender">Male</p> </div> <div class="button-section"> <button class="btn" type="button">Follow</button> </div> </div>

Answer 2

当命名 html 中的类时，使用这个class="name"而不是class=”card”

Answer 3

我只能看到一个原因：您将 css 样式标签放在 html 代码之后。