CSS Selector Quiz

10 Questions | Attempts: 2428
Share

SettingsSettingsSettings
CSS Selector Quiz - Quiz

Which CSS selector applies to the bolded element(s) only?


Questions and Answers
  • 1. 
    <div>     Hello <span class="world">world</span> </div>
    • A. 

      #world{ ... }

    • B. 

      World{ ... }

    • C. 

      .world{ ... }

    • D. 

      @world{ ... }

    • E. 

      None of the above

  • 2. 
    <p>      <ul>         <li>             <a href="http://example.com">I am special!</a>         </li>     </ul>     <a href="http://example.com">Me too.</a> </p>
    • A. 

      P.a{ ... }

    • B. 

      A{ ... }

    • C. 

      A, ul{ ... }

    • D. 

      #a{ ... }

    • E. 

      None of the above

  • 3. 
    <p>      <ul>         <li>             <a href="http://example.com">I am special!</a></strong>         </li>     </ul>     <a href="http://example.com">I am not.</a> </p>
    • A. 

      Li a{ ... }

    • B. 

      Li.a{ ... }

    • C. 

      Li, a{ ... }

    • D. 

      Li-a{ ... }

    • E. 

      None of the above

  • 4. 
    <div id="header">     <h1>Website.com</h1> </div> <div id="content">     <h1>Hello!</h1>     <p>bla bla</p> </div>
    • A. 

      H1-.content{ ... }

    • B. 

      H1#content{ ... }

    • C. 

      .content h1{ ... }

    • D. 

      #content h1{ ... }

    • E. 

      None of the above

  • 5. 
    <div id="header">     <h1>Website.com</h1>     <ul class="menu">          <li><a href="#">About us</a></li>          <li><a href="#">About you</a></li>          <li><a href="#">About</a></li>     </ul> </div> <div id="content">     <h1>Hello!</h1>     <p>bla <a href="#">bla</a></p> </div>
    • A. 

      .menu#ul a{ ... }

    • B. 

      Ul.menu li a{ ... }

    • C. 

      #header .a{ ... }

    • D. 

      Div a{ ... }

    • E. 

      None of the above

  • 6. 
    <div id="header">     <h1>Website.com</h1>     <ul class="menu">          <li><a href="#">About us</a></li>          <li><a href="#">About you</a></li>          <li><a href="#">About</a></li>     </ul> </div> <div id="content">     <h1>Hello!</h1>     <p>bla <a href="#">bla</a></p> </div>
    • A. 

      @all{ ... }

    • B. 

      *{ ... }

    • C. 

      HTML{ ... }

    • D. 

      #{ ... }

    • E. 

      None of the above

  • 7. 
    <div id="content">     <a href="#">Home</a>     <h1>Hello!</h1>     <p>bla <a href="#">bla</a></p> </div>
    • A. 

      Div a{ ... }

    • B. 

      Div + a{ ... }

    • C. 

      Div a p{ ... }

    • D. 

      Div > a{ ... }

    • E. 

      None of the above

  • 8. 
    <input type="button" value="Button" /> <input type="submit" value="Submit button" /> <input type="checkbox" value="value" /> <input type="text" value="Bal bla" />
    • A. 
    • B. 

      Input.submit{ ... }

    • C. 

      Input.type=submit{ ... }

    • D. 

      Input[type=submit]{ ... }

    • E. 

      None of the above

  • 9. 
    <div id="header">     <h1>Website.com</h1>     <ul class="menu">          <li><a href="#">About us</a></li>          <li class="active"><a href="#">About you</a></li>          <li><a href="#">About</a></li>     </ul> </div> <div id="content">     <h1>Hello!</h1>     <p>bla <a href="#">bla</a></p>     <p>Blah, bla bla <a class="active" href="#">bla</a>!</p> </div>
    • A. 

      A.active{ ... }

    • B. 

      #content .a{ ... }

    • C. 

      P a#active{ ... }

    • D. 

      Div p a{ ... }

    • E. 

      None of the above

  • 10. 
    <div id="header">     <h1>Website.com</h1>     <ul class="menu">          <li><a href="#">About us</a></li>          <li class="active"><a href="#">About you</a></li>          <li><a href="#">About</a></li>     </ul> </div> <div id="content">     <h1>Hello!</h1>     <p>bla <a href="#">bla</a></p>     <p>Blah, bla bla <a class="active" href="#">bla</a>!</p> </div>
    • A. 

      .content h1, a{ ... }

    • B. 

      #content h1+a{ ... }

    • C. 

      #conten h1, #content a{ ... }

    • D. 

      #content h1 a { ... }

    • E. 

      None of the above

Back to Top Back to top
×

Wait!
Here's an interesting quiz for you.

We have other quizzes matching your interest.