Joshua has created a web page and implemented CSS in it. He has applied the style property to inline styles that can also be used with style rules and with style sheets. However, he wants to change a CSS rule in the stylesheet from h2 { color: blue; } to h3 { color: green; font-size: 1.2em; }
A) document.styleSheets[0]. cssRules[1].selectorText = "h2"; document.styleSheets[0]. cssRules[1].style.color = "blue"; document.styleSheets[0] .cssRules[1].style.fontSize = "1.2em";
B) document.styleSheets[1]. cssRules[0].selectorText = "h3"; document.styleSheets[1]. cssRules[0].style.color = "green"; document.styleSheets[0] .cssRules[1].style.fontSize = "1.2em";
C) document.styleSheets[1]. cssRules[0].selectorText = "h2"; document.styleSheets[1]. cssRules[0].style.color = "blue"; document.styleSheets[0] .cssRules[1].style.fontSize = "1.2em";
D) document.styleSheets[0]. cssRules[1].selectorText = "h3"; document.styleSheets[0]. cssRules[1].style.color = "green"; document.styleSheets[0] .cssRules[1].style.fontSize = "1.2em";

Question

Quizplus · Accepted Answer

The correct choice is D because it correctly selects the first rule in the first stylesheet with the h3 selector text, changes the color to green and adds a font-size of 1.2em to the already existing rule. Option A selects the wrong selector text and changes the color to blue instead of green. Option B selects the wrong stylesheet index. Option C also selects the wrong selector text.

Joshua Has Created a Web Page and Implemented CSS in It