首页 > V2EX > V2EX-我的组件里用了多个某个 UI 库提供的 Select 组件,想要对特定的几个 Select 组件的样式修改,且定义的样式必须写在 scope 在这个组件的 css 文件里,有什么办法…
2022
01-15

V2EX-我的组件里用了多个某个 UI 库提供的 Select 组件,想要对特定的几个 Select 组件的样式修改,且定义的样式必须写在 scope 在这个组件的 css 文件里,有什么办法…

Newyorkcity: scope 在这个组件(指我正在写的组件,后文叫它 foobar )的 css 文件的选择器,在实际生效时都会被带上一个 [component-id] 以达成影响只限制在此 foobar 中的效果,避免只是想加给 foobar 的样式无意之间影响到了其它协作的组件(元素)的样式。

这个好处我不想放弃。

但同时,我引用的 UI 库提供的 Select 组件,虽然提供了用户可以加一些 class name 到它的 class 属性的功能。但其显示在页面上的时候,对应的元素不知道为什么并没有被加上 foobar 的 component-id 。

这也就导致,即便我给我想要修改的那一两个 Select 组件添加了类名,比如,加 specific 上去了。但我在 foobar 的 css 里写 .specific 的样式,也根本作用不到(那一两个 Select 组件最终显示在页面上的元素里并没有 foobar 的 component-id )那几个 select 组件的最终显示效果。

请问这有什么解决办法吗?

from V2EX-最新主题 https://ift.tt/34SQ6vj
V2EX-我的组件里用了多个某个 UI 库提供的 Select 组件,想要对特定的几个 Select 组件的样式修改,且定义的样式必须写在 scope 在这个组件的 css 文件里,有什么办法... - 第1张  | 牛C网(NiuL.Net)
牛C网:https://j1o.net
牛C网导航:https://niuc.icu
零九导航:https://09.gay

最后编辑:
作者:分享菌
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。