Suppose a web page has a elements inside a nav container. There is a nav type selector rule that applies a red background to matched elements and there is a nav a child selector rule that applies a blue background to matched elements. What color will be applied to the a elements?
A) Red
B) Blue
C) It is unclear because the rules conflict.

Question

Suppose a web page has a elements inside a nav container. There is a nav type selector rule that applies a red background to matched elements and there is a nav > a child selector rule that applies a blue background to matched elements. What color will be applied to the a elements?
A) Red
B) Blue
C) It is unclear because the rules conflict.

Quizplus · Accepted Answer

The child selector (nav > a) is more specific than the type selector (nav), so the blue background will be applied to the a elements.

Suppose a Web Page Has a Elements Inside a Nav