html - 如何仅在内表上设置背景色

Question

假设这是我的 html 代码:

<table>
   <tbody>
      <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
      </tr>
      <tr>
         <td>4</td>
         <td>5</td>
         <td>6</td>
      </tr>
      <tr>
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>A</td>
                     <td>B</td>
                     <td>C</td>
                  </tr>
                  <tr>
                     <td>D</td>
                     <td>E</td>
                     <td>F</td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>

我只想将内表 (A,B,C,D,E,F) 涂成红色 (background-color:red)

重要的是要注意 - 故意没有“类”或“id”!!!我想要一个没有它的解决方案......

Answer 1

table table td {
background-color: red;
}

<table>
   <tbody>
      <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
      </tr>
      <tr>
         <td>4</td>
         <td>5</td>
         <td>6</td>
      </tr>
      <tr>
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>A</td>
                     <td>B</td>
                     <td>C</td>
                  </tr>
                  <tr>
                     <td>D</td>
                     <td>E</td>
                     <td>F</td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>