Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript JavaScript and the DOM Getting a Handle on the DOM Return Elements Using CSS Selectors

Matthew Cahill
Matthew Cahill
7,546 Points

can i please have some help on this question

No sure what to do on this task.

app.js
let navigationLinks = document.querySelectorAll('nav a');
let galleryLinks = document.querySelectorAll('ul');
let footerImages;
index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Treehouse Student | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Treehouse Student</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="#" class="selected">Work</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul id="gallery">
          <li>
            <a href="#">
              <img src="img/numbers-01.jpg" alt="The number 1 painted with colors and textures.">
              <p>Experimentation with color and texture.</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="img/numbers-02.jpg" alt="The number 2 painted with various colors blended together.">
              <p>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
        <a href="https://twitter.com/treehouse"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="https://www.facebook.com/TeamTreehouse"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; Treehouse Student.</p>
      </footer>
    </div>
    <script src="app.js"></script>
  </body>
</html>

3 Answers

Matthew Cahill
Matthew Cahill
7,546 Points

hello thank you, i still don't understand, i have used the hashtag symbol for gallery but now i am unsure of what to do next.

Steven Parker
Steven Parker
212,126 Points

Matthew Cahill — Glad to help. You can mark a question solved by choosing a "best answer".
And happy coding!

Steven Parker
Steven Parker
212,126 Points

In task 1, you saw how selecting elements that are inside another element is done using a descendant selector where the container and target are separated by a space.

So selecting "all <a> elements inside the unordered list with the ID gallery" is a similar task that you will also use a descendant selector for. The main difference from task 1 is that here the container will be specified using an ID instead of a tag name. And remember that when an ID is used as a specifier, it is preceded by a hash symbol ("#").

Then the target elements are the same as the first task, so the complete specifier would be :point_right: "#gallery a".

Steven Parker
Steven Parker
212,126 Points

Would the person who downvoted my answer please leave a comment to explain why it seemed incorrect or misleading? Thanks!