CODEWITHSUNDEEP
htmlcss
caasdads
caasdads

Reputation: 419

Given a table of 2 rows and 35 columns how to specify font bold and color once for text inside all 35 cells of the secind row?

How to specify text color for all table cells' content?

If I specify color:red for td element, it is not color of text inside <td> (cell) </td>

Given a table of 2 rows and 35 columns how to specify font bold and color once for text inside all 35 cells of the secind row?

Text in all my cells will have same color. I know how to change text color (put text within span tag and style it), but I don't how to do it once for all cells.

Upvotes: 0

Views: 43

Answers (1)

Paulie_D
Paulie_D

Reputation: 115109

Given a table of 2 rows and 35 columns how to specify font bold and color once for text inside all 35 cells of the secind row?

Using nth-of-type/child....

td {
  color: red;
  border: 1px solid grey;
}

tr:nth-of-type(2) td {
  font-weight: bold;
  color: green;
}
<table>
  <tr>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
  </tr>
  <tr>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
  </tr>
  <tr>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
  </tr>
  <tr>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
  </tr>
  <tr>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
    <td>Text Here</td>
  </tr>
</table>

Upvotes: 1

Related Questions