Answer: 2 separate selectors, each with a specificity of one (001).
Select all html and all body elements. (Which is sort of silly to say because there is exactly one of each on every web page. But it’s correct.)
two (002)
Select all body elements that are children of html elements. (Again, it’s silly, since every web page has exactly one body element, and it is always a child (one of two children) of the html element.
ten (010)
Select any elements with a class attribute that has the value “special.”
eleven (011)
Select any p elements with a class attribute that has the value “special.”
two (002)
Select all a elements when the mouse hovers over them.
twelve (012)
Select any a elements that are descendents of any element with a class attribute that has the value “off-site,” when the mouse hovers over them.
one hundred (100)
Select the element that has an id attribute with the value “footer,” if there is one.
one hundred one
Select any a elements, if there are any, that are descendents of the element with an id that has the value, “footer,” if there is one.
one hundred two (102)
If there is an element with an id that has the value “footer,” select all descendent a elements (if there are any) when the mouse hovers over them.
two (002)
Select any p elements that are the first child of another element.
twenty-five (025)
As stated in the assignment web page, it’s simply, “all img elements, if there are any, that have a src attribute value ending in “jpg” and which are descendents of a span that the mouse is hovering over, provided the span is a descendent of a p element that has the class “interesting”, provided the p is a child of a div.”