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.
Frank Grillo7,086 Points
Returning Elements Using CSS selectors
Is this how to do this exercise?
let navigationLinks = document.querySelectorAll("nav a"); let galleryLinks = document.querySelectorAll("gallery a ul"); let footerImages;
<!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>© Treehouse Student.</p> </footer> </div> <script src="app.js"></script> </body> </html>
John Kennedy7,480 Points
What does the exercise ask you to do? One thing that I am noticing is that you need to select your elements in your query selectors the same way that you would do so in normal CSS, for example, where you've selected 'gallery' it should be written as #gallery since you are selecting by id. Descendant selectors should follow their normal CSS syntax as well.