вставка таблицы html в уже существующий файл html с заполнителями

Question

Я пытаюсь вставить таблицу с предопределенными html и css, такими как:

<style>table, th, td {
padding: 2px;
border: 1px solid black;
border-collapse: collapse;
width: 630px;
table-layout: fixed;
}
</style>

<table style="margin: 3pxborder: 5px solid black" >
<tr style="background-color: #aeaeae" >
<th>&nbsp</th>

  <th colspan=1 style="color: white" >header1</th>
  <th colspan=1 style="color: white" >header2</th>
</tr>


<tr style="background-color: white;table-layout: fixed" >
  
    <td style="padding: 1rem" >Value1</td>
    <td style="padding: 1rem" >11</td>
    <td style="padding: 1rem" >12</td>
</tr>
<tr style="background-color: white;table-layout: fixed" >
  
    <td style="padding: 1rem" >Value2</td>
    <td style="padding: 1rem" >21</td>
    <td style="padding: 1rem" >22</td>
</tr>

</table>

в уже существующий файл html с заполнителями, в которых значения таблицы будут go. Я попытался вставить часть css в раздел, где определен css, но кажется, что он не распознается так, как если бы вышеупомянутая таблица была вставлена ​​в один файл. Файл с заполнителями разделен на разделяемый и встроенный css, какому разделу присваивается css, принадлежащий таблице?

Answer 1

Попробуйте. Или, пожалуйста, уточните, что вы хотите спросить.

    <style>
table, th, td {
    padding: 2px;
    border: 1px solid black;
    border-collapse: collapse;
    width: 630px;
    table-layout: fixed;
    }
     table{ margin: 3px; border: 5px solid black; }
    
      table tr.bg_aeaea th{ color: white; }
      table tr.bg_aeaea{ background-color: #aeaeae; }
      table tr.valued{ .background-color: white; table-layout: fixed; }
    table tr.valued td{ padding: 1rem;}

     
    </style>

    <table>
    <tr class="bg_aeaea">
    <th>&nbsp</th>
      <th colspan=1>header1</th>
      <th colspan=1 >header2</th>
    </tr>


    <tr class="valued" >
      
        <td>Value1</td>
        <td>11</td>
        <td>12</td>
    </tr>
    <tr class="valued" >
      
        <td>Value2</td>
        <td>21</td>
        <td>22</td>
    </tr>

    </table>