首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Blazor应用程序不会向razor类库组件元素添加css隔离范围标识符

Blazor应用程序不会向razor类库组件元素添加css隔离范围标识符
EN

Stack Overflow用户
提问于 2021-02-19 03:29:58
回答 1查看 330关注 0票数 1

我是blazor的新手,我正在尝试将剃刀类库中的组件添加到blazor应用程序中。

我正在使用默认的blazor应用程序(.net5)和剃刀类库(.net5)。

我正在将默认组件(Component1)添加到blazor索引页面。

我在类库中做的唯一一件事就是添加一个名为Component1.razor.css的文件,其中包含:

代码语言:javascript
运行
复制
h1{
    color: green;
}

.css文件已正确绑定到_content/ComponentLibrary/Component1.razor.rz.scp.css并在Blazorapp.styles.css中正确导入

css文件中的作用域标识符:

代码语言:javascript
运行
复制
h1[b-r7wl1itmzi]{
    color: green;
}

然而,

Counter

还没有将b-r7wl1itmzi作用域添加到h1元素中。

​如果我将Component1组件复制到blazor应用程序,它将按预期工作,并且标记为..。

Counter

我在这里漏掉了什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-19 21:30:36

引用此问题

Blazor CSS隔离不起作用,在迁移到.NET 5.0并使用SASS后未添加范围标识符

我找到了一个解决方案。

事实证明,类库具有3.0属性添加到.csproj文件中。删除这一行后,它会按预期工作。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66266887

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档