CSS Selectors

Question 1

what is a css selector

Answer 1

a pattern rule that matches style rules to a specific element or elements

Question 2

css selector: type

Answer 2

match elements by node name

Question 3

css selector: .class

Answer 3

matches elements based on the contents of the element’s class attribute

Question 4

css selector: #id

Answer 4

match an element based on the contents of that element’s id attribute

Question 5

css selector: *

Answer 5

universal selector, matches all elements on the page

Question 6

css selector: element > element

Answer 6

child selector, matches an element that is a direct child of another

Question 7

css selector: element element

Answer 7

descendant selector, matches an element that is a descendent of another specified element

Question 8

css selector: element + element

Answer 8

adjacent sibling selector, matches an element that is the next sibling of another

Question 9

css selector: element ~ element

Answer 9

general sibling selector, matches an element that is a sibling of another

Question 10

css selector: element[attr]

Answer 10

represents an element with an attribute name of attr

Question 11

css selector: element[attr=”value”]

Answer 11

represents an element with an attribute name of attr and whose value is exactly “value”

Question 12

css selector: element[attr~=”value”]

Answer 12

represents an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly “value”

Question 13

css selector: element[attr|=”value”]

Answer 13

represents an element with an attribute name of attr. Its value can be exactly “value” or can begin with “value”

Question 14

css selector: element[attr^=”value”]

Answer 14

represents an element with an attribute name of attr and whose first value is prefixed by “value”

Question 15

css selector: element[attr$=”value”]

Answer 15

represents an element with an attribute name of attr and whose last value is suffixed by “value”

Question 16

css selector: element[attr*=”value”]

Answer 16

represents an element with an attribute name of attr and whose value contains at least one occurrence of string “value” as substring

Question 17

css specificity weight: type

Answer 17

0-0-1

Question 18

css specificity weight: .class

Answer 18

0-1-0

Question 19

css specificity weight: #id

Answer 19

1-0-0

Question 20

when combining css selectors, what is the key selector

Answer 20

the last selector farthest to the right

Question 21

what does the key selector do

Answer 21

identifies exactly which element the styles will be applied to

Question 22

when combining css selectors, what are prequalifiers

Answer 22

any selector to the left before the key selector