微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Blazor 中的 CSS 隔离

如何解决Blazor 中的 CSS 隔离

我不知道这个新功能在 Blazor 中究竟是如何工作的,但我认为当前的实现是错误的。下面是一些典型的情况:

某些 blazor 组件的布局:

<button>
  <span>Some Text</span>
  <Icon> ... </Icon>
</button>    
  1. 源 scss 文件 ...

source scss file

  1. 这将被翻译成类似......

that will be translated in to something like

  1. 在应用 CSS 隔离后,我们有 :-( ...

after apply of CSS isolation we have :-(

  1. 为什么不是这个??????

Why NOT THIS?

当然,在渲染后的 DOM 中,我们只有范围 ID 为“b-l4md7xqlo6”的按钮,但没有 span 本身! Span 没有这个属性,在我的情况下我不需要它。 换句话说,在应用范围 id 后,结果 CSS 与我声明的 CSS 不完全相同!

有什么想法吗?

谢谢, 尼古拉

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。