CSS Selector Quiz
Settings
Which CSS selector applies to the bolded element(s) only?
- 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.
[email protected]{ ... }
- 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