获取 razor 元素的 ID 以在 css 中使用 id 样式元素答案

【问题标题】：Get Id of razor element to style element with id in css获取 razor 元素的 ID 以在 css 中使用 id 样式元素
【发布时间】：2021-12-21 22:16:36
【问题描述】：

我正在尝试在我的 CSS 类中调用我的 razor 元素的 ID。
不幸的是，我对 Razor 没有太多经验。

所以，这是我的 OverviewPageView.razor：

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

这是我的 CSS：

.newSurveyTitle {
    background: #03625e;
}

有人给我提示吗？

【问题讨论】：

标签： c# html css razor styles

【解决方案1】：

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

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

你的 CSS：

#newSurveyTitle{
    background: #03625e;
}

【讨论】：

【解决方案2】：

您有一个元素 id，但您的 CSS 是按类而不是按 id 选择的。

用途：

#newSurveyTitle {
    background: #03625e;
}

【讨论】：