Пытаюсь использовать идентификатор в моем скрипте стиля, но он не работает

Question

Я пытался создать скрипт стиля на той же странице, где находится мой HTML, где я могу добавить компоненты стиля для этой таблицы вместо того, чтобы делать встроенный стиль для каждого TH. Я сделал ID для таблицы, добавил его в папку CSS. Однако при обновлении страницы sh стили не отображаются. Может кто-нибудь посмотреть на мой 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>

// Это созданный мной скрипт CSS, который находится ниже html.

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

Answer 1

Ваш HTML:

<table id="table1" etc.

Ваш CSS селектор:

#Table, th { etc.

!