Case-Based Critical Thinking Questions Case 12-5 William has created the following style sheet rule for his website. h1 {color: violet;} h2 {color: yellow;} h3 {color: black;} h4 {color: blue;} While creating the website, William wants to add a new style sheet rule to the code. h3 { color: magenta; } Identify the correct syntax for adding the style as the fifth rule in the accompanying code.
A) document.styleSheets[0].insertRule("h3 {color: magenta;}", 4);
B) document.styleSheets.insertRule[1]("h3 {color: magenta;}", 5);
C) document.insertRule[0]("h3 {color: magenta;}", 4);
D) document.insertRule[1].StyleSheets("h3 {color: magenta;}", 5);

Question

Quizplus · Accepted Answer

The correct syntax for adding a new style sheet rule is document.styleSheets[0].insertRule("h3 {color: magenta;}", 4);. The insertRule method is used to add new rules, and the first argument is the rule to be added, while the second argument is the position at which the rule should be inserted. In this case, we want the new rule to be the fifth rule, so we use index 4 (since counting starts at 0).

Case-Based Critical Thinking Questions Case 12-5 William Has Created the Following