Html 试图在我的样式脚本中使用ID，但它不起作用

我试图在HTML所在的同一页面上创建一个样式脚本，在这里我可以为这个表添加样式组件，而不是为每个表创建一个内联样式。我为表创建了一个ID，并将其添加到CSS文件夹中。但是，当我刷新页面时，样式不会出现。有人可以看看我的CSS，看看我是如何设置的吗

<table id="table1" style="width:100%; text-align: center; background-color: salmon; border-color: #e9e9e9;">
                @if (PizzaID == 2)
                {
                    <tr>
                        <th style="width: 30%">Charge Description</th>
                        <th style="width: 15%"></th>
                        <th style="width: 30%">Total Amount</th>
                        <th style="width: 25%">Net</th>
                        <th style="width: 5%"></th>
                    </tr>
                }
                @if (PizzaId == 1)
                {
                    <tr>
                        <th style="width: 30%">Charge Description</th>
                        <th style="width: 10%"></th>
                        <th style="width: 30%">Total</th>
                        <th style="width: 20%">Total Incentive</th>
                        <th style="width: 5%">Net</th>
                    </tr>
                }

            </table>

@如果（PizzaID==2）
{
费用说明
总金额
网
}
@if（PizzaId==1）
{
费用说明
全部的
总激励
网
}

//这是我创建的CSS脚本，位于html下面

<style>
    #Table, th {
    text-align: center;
    color: white; 
    font-weight: bold; 
    background-color: salmon;  
    border-color: #e9e9e9; 
    border-color: #e9e9e9;
    }
</style>

#表，th{
文本对齐：居中；
颜色：白色；
字体大小：粗体；
背景颜色：鲑鱼；
边框颜色：#e9e9e9；
边框颜色：#e9e9e9；
}

您的HTML：

<table id="table1" etc.

---

!

HTML中的id与CSS中的id不匹配。

#Table, th { etc.