获取 razor 元素的 ID 以在 css 中设置 id 元素的样式

Question

我正在尝试在我的 CSS class.
中调用我的 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 是通过 class 而非 ID 选择的。

使用：

#newSurveyTitle {
    background: #03625e;
}

Answer 2

ID 是用# 选择的，您必须为此使用'id'。如果您使用点选择器，您会写 class="newSurveyTitle"。不同的是，一个ID必须是唯一的，一个class可以多次使用。

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

你的css：

#newSurveyTitle{
    background: #03625e;
}