Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Alexander Kruglov
Alexander Kruglov
3,148 Points
Posted by Alexander Kruglov
Alexander Kruglov
3,148 Points

The task is to select the unordered list in the .contact-info class, but the right answer is selecting the class itself

I think it can cause problems for those who solve it. It is requested to select the unordered list, but doing it wouldn't pass the check.

3 Answers

Sreng Hong
Sreng Hong
15,083 Points
Sreng Hong
Sreng Hong
15,083 Points

You can select unordered list with this selector:

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

Hope this will help.

Alexander Kruglov
Alexander Kruglov
3,148 Points
Alexander Kruglov
Alexander Kruglov
3,148 Points

Thank you. I tried this:

.contact-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

and this:

.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

The first one didn't work, while it seems to be more fitting to the task. The second one worked ok.

Sreng Hong
Sreng Hong
15,083 Points
Sreng Hong
Sreng Hong
15,083 Points

There are two different html when you select ul.contact-info and .contact-info ul.

This first html should be like this:

<ul class="contact-info></ul>

The second one should be like this:

<div class="contact-info">
  <ul></ul>
</div>