Question

我正在尝试在我的CSS中选择我的html中的类，但它没有看到类（我可以选择列表元素并且它可以工作但是选择类不起作用）

我使用Webstorm 9，也许他们还没有实现类？

.contact {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
.contact a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}
.contact li.phone a {
  background-image: url('../phone.png')
}
.contact li.mail a {
  background-image: url('../phone.png')
}
.contact li.twitter a {
  background-image: url('../phone.png')
}

<section>
  <h3>Contact Details</h3>
  <ul class="contact">
    <li class="phone"><a href="tel:555-6425">555-6425</a></li>
    <li class="mail"><a href="mailto:moei@my.normandale.edu">moei@my.normandale.edu</a></li>
    <li class="twitter"><a href="twitter.com">@ianmoe</a></li>
  </ul>
</section>

Answer 1

出于某种原因，您忘记了.phone，.mail和.twitter的背景图片网址后的分号。

}
.contact li.phone a {
  background-image: url('../phone.png');
}
.contact li.mail a {
  background-image: url('../phone.png');
}
.contact li.twitter a {
  background-image: url('../phone.png');
}

Answer 2

你错过了css上的分号（;）以及检查背景图片的网址路径，

HTML代码＆＃39;类＆＃39;标识符选择器不适合我

2 个答案: