Html question Add a thead row group element containing two rows. In the first row, insert five th elements containing the text shown in the preview. The first heading cell should span two rows. In the second row, add four headings cells containing the prices of the plans shown in the preview. Use a br element to display the price information on two separate lines. My code is here but didn't work out: select a plan Starter Prime Prime Plus Ultra $19.95 per month $29.95 per month $49.95 per month $69.95 per month CSS For the first th element in the first row of the table header row group, create a style rule that sets its font size to 2em. (Hint: Use the first-of-type pseudo-class to select the first table row and first heading cell.) For th elements in the first row of the table header row group that are not the first heading cell, create a style rule that sets the background color to transparent and the font color to black. (Hint: use the not selector with the first-of-type pseudo-class to select headings that are not first in the table row as follows: table thead tr:first-of-type th:not(:first-of-type).) table thead tr { height:60px; } table thead th:first-of-type { font-size: 2em; } table thead th:not(:first-of-type) { background: transparent; color: black; }

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Question

Html question

Add a thead row group element containing two rows. In the first row, insert five th elements containing the text shown in the preview. The first heading cell should span two rows. In the second row, add four headings cells containing the prices of the plans shown in the preview. Use a br element to display the price information on two separate lines.

My code is here but didn't work out:

<thead>
<tr>
<th rowspan="2">select a plan</th>
<th>Starter</th>
<th>Prime</th>
<th>Prime Plus</th>
<th>Ultra</th>
</tr>
<tr>
<th>$19.95<br> per month</th>
<th>$29.95<br> per month</th>
<th>$49.95<br> per month</th>
<th>$69.95<br> per month</th>
</tr>
</thead>

CSS

For the first th element in the first row of the table header row group, create a style rule that sets its font size to 2em. (Hint: Use the first-of-type pseudo-class to select the first table row and first heading cell.)
For th elements in the first row of the table header row group that are not the first heading cell, create a style rule that sets the background color to transparent and the font color to black. (Hint: use the not selector with the first-of-type pseudo-class to select headings that are not first in the table row as follows: table thead tr:first-of-type th:not(:first-of-type).)

table thead tr {
height:60px;
}

table thead th:first-of-type {
font-size: 2em;
}

table thead th:not(:first-of-type) {
background: transparent;
color: black;
}

Expert Solution