The table displays the five countries that earned the most medals in the 2022 Winter Olympics in Beijing. Hovering the mouse over the text on the expected webpage's top row makes the text orange. Add a new rule using the tr:nth-child(even) selector that makes every even tr child element have a lavender background color. Add a new rule using the th:hover selector that changes the th element's text color to orange when the mouse hovers over the element.   <table>   <caption>2022 Olympic Medal Counts</caption>   <tr>      <th>Country</th>      <th>Gold</th>      <th>Silver</th>      <th>Bronze</th>      <th>Total</th>   </tr>   <tr>      <td>Norway</td>      <td>16</td>      <td>8</td>      <td>13</td>      <td>37</td>   </tr>   <tr>      <td>ROC</td>      <td>6</td>      <td>12</td>      <td>14</td>      <td>32</td>   </tr>   <tr>      <td>Germany</td>      <td>12</td>      <td>10</td>      <td>5</td>      <td>27</td>   </tr>   <tr>      <td>Canada</td>      <td>4</td>      <td>8</td>      <td>14</td>      <td>26</td>   </tr>   <tr>      <td>USA</td>      <td>8</td>      <td>10</td>      <td>7</td>      <td>25</td>   </tr></table>

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter2: Getting Started With Css: Designing A Website For A Fitness Club
Section: Chapter Questions
Problem 10RA
icon
Related questions
Question

The table displays the five countries that earned the most medals in the 2022 Winter Olympics in Beijing. Hovering the mouse over the text on the expected webpage's top row makes the text orange.

  1. Add a new rule using the tr:nth-child(even) selector that makes every even tr child element have a lavender background color.

  2. Add a new rule using the th:hover selector that changes the th element's text color to orange when the mouse hovers over the element.

 

<table>
   <caption>2022 Olympic Medal Counts</caption>
   <tr>
      <th>Country</th>
      <th>Gold</th>
      <th>Silver</th>
      <th>Bronze</th>
      <th>Total</th>
   </tr>
   <tr>
      <td>Norway</td>
      <td>16</td>
      <td>8</td>
      <td>13</td>
      <td>37</td>
   </tr>
   <tr>
      <td>ROC</td>
      <td>6</td>
      <td>12</td>
      <td>14</td>
      <td>32</td>
   </tr>
   <tr>
      <td>Germany</td>
      <td>12</td>
      <td>10</td>
      <td>5</td>
      <td>27</td>
   </tr>
   <tr>
      <td>Canada</td>
      <td>4</td>
      <td>8</td>
      <td>14</td>
      <td>26</td>
   </tr>
   <tr>
      <td>USA</td>
      <td>8</td>
      <td>10</td>
      <td>7</td>
      <td>25</td>
   </tr>
</table>
      

AI-Generated Solution
AI-generated content may present inaccurate or offensive content that does not represent bartleby’s views.
steps

Unlock instant AI solutions

Tap the button
to generate a solution

Knowledge Booster
JQuery and Javascript
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L