Making text in one column italics with CSS

Question

Using CSS, I want to make the text in one column bold. My table currently has the following structure, however I am unable to make the text in the right column bold.

Using CSS, for the head section:

<style>
        .col-right-col{
            font-style: italic;
        }
    </style>
HTML:

<table>
    <colgroup>
        <col class="col-left-col">
        <col class="col-right-col">
    </colgroup>
  <tbody>
    <tr>
      <th scope="col">Left Col Header</th>
      <th scope="col">Right Col Header</th>
    </tr>
    <tr>
      <td>Row 1 Left</td>
      <td>Row 1 Right</td>
    </tr>
    <tr>
      <td>Row 2 Left</td>
      <td>Row 2 Right</td>
    </tr>
    <tr>
      <td>Row 3 Left</td>
      <td>Row 3 Right</td>
    </tr>
</tbody>
</table>

Answer 1

What you can do is using the td:nth-child() to make Row 1/2/3 Right italic:

td:nth-child(2) {
    font-style: italic;
}