CSS Selectors

Question Preview

Select which elements the following selector matches

div

matches html elements

matches body elements

matches div elements

matches anchor elements

Question Preview

How does the following selector work?

matches elements by data attribute

matches elements by id

matches elements by class

matches elements by sibling

Question Preview

How does the following selector work?

.example

Selects all elements with class="example"

Selects all elements with class="."

Selects all elements with id="class"

Selects all elements with attribute="id"

Question Preview

How does the following selector work?

div .button { 
  /* content */ 
}

This will select all divs next to a button element

This will select all elements next to a button

This will select a single button that is a descendant of a div

This will select every element with class="button" that is a descendant of a div

Question Preview

How does the following selector work?

div.button

This will match anchors with class="button"

This will match all divs with class="button"

This will match all buttons with the class attribute

This will match all buttons that are descendants of a div

Question Preview

How does the following selector work?

div > .button

This will match every element with the .button class that's a direct child of a div

This will match every div that is next to a button element

This will match every button element with a class of div

This will match every button element that is a sibling of an anchor

Question Preview

To which elements will the css rules be applied?

.button, #welcome {
 /* css rules */
}

Only to elements with a class of welcome

All elements with an id of welcome or an id of button

All elements with an id of welcome or a class of button

Only to elements with an id of welcome

Question Preview

How does the following selector work?

a[href^="http"]

This will match all elements with a href attribute starting with "http"

This will match the first element with a href attribute starting with "http"

This will match every second element with a href attribute starting with "http"

This will match all elements with a href attribute ending with "http"

Question Preview

How does the following selector work?

:checked

Matches if a checkbox or radio button is selected

Matches if a checkbox or radio button is not selected

Matches if a checkbox or radio button is checked

Matches if a select element is checked

Question Preview

How does the following selector work?

a:hover

Matches anchor elements that the cursor is hovering over

Matches anchor elements with an href attribute of "hover"

Matches all elements with the class of hover

Adds a hover pseudo-element to all anchor elements

Question Preview

How does the following selector work?

tr:nth-child(odd)

Matches every other child of a parent element

Matches every even child of a parent element

Matches every nth child of a parent element

Matches all elements except odd children

11

Junior

1

2:03

Description

Question Preview

Select which elements the following selector matches

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

To which elements will the css rules be applied?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?

Question Preview

How does the following selector work?