獲取 razor 元素的 Id 以在 css 中為具有 id 的元素設置樣式

Question

我試圖在我的 CSS 類中調用我的 razor 元素的 ID。
不幸的是，我對 Razor 沒有太多經驗。

所以，這是我的 OverviewPageView.razor：

        <Card ElementId="newSurveyTitle">
            <CardHeader>
                <CardTitle>
                    @localizer["NewSurveyTitle"]
                </CardTitle>
            </CardHeader>
            <CardBody>
                <SurveyPreviewView />
            </CardBody>
        </Card>

這是我的 CSS：

.newSurveyTitle {
    background: #03625e;
}

有沒有人給我一個提示？

Answer 1

您有一個元素 id，但您的 CSS 是按類而不是 id 選擇的。

用：

#newSurveyTitle {
    background: #03625e;
}

Answer 2

使用 # 選擇 ID，您必須為此使用 'id'。 如果使用點選擇器，則應編寫 class="newSurveyTitle"。 區別在於，ID 必須是唯一的，一個類可以多次使用。

    <Card id="newSurveyTitle">
        <CardHeader>
            <CardTitle>
                @localizer["NewSurveyTitle"]
            </CardTitle>
        </CardHeader>
        <CardBody>
            <SurveyPreviewView />
        </CardBody>
    </Card>

你的CSS：

#newSurveyTitle{
    background: #03625e;
}