Q:

HTML code 'classes' identifier selector wont work for me

I'm trying to select classes in my html in my CSS, but it is not seeing the class (i can select list elements and it works but selecting class is not working)
I use Webstorm 9, maybe they havent implemented classes yet?

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

A:

you missed a semi-colon(;) on css as well as check the url path of background-image,

