在uniapp中引用vant weapp,单独给一个vant组件添加新的class,并在样式表中重新定义了它的样式,但是发现该样式并没有生效,而用custom-class定义的类名下的样式却生效了,这是为什么
时间: 2023-12-22 14:03:42 浏览: 132
修改后的能够在uniapp项目中使用的 Vantweapp
在使用Vant Weapp组件库时,为了方便样式的覆盖,组件库中的每个组件都提供了一个 `custom-class` 属性,可以通过该属性添加自定义的类名。这样做的原因是为了避免样式冲突,同时也方便用户对组件的样式进行自定义。
如果你想给一个具体的组件添加新的class,需要在该组件上添加 `class` 属性,并在样式表中重新定义它的样式。但是,这样可能会因为样式的优先级问题而导致样式无法生效。这是因为,在样式冲突时,根据 CSS 的优先级规则, `custom-class` 优先级比 `class` 更高。因此,如果你想修改组件的样式,建议使用 `custom-class` 属性。
阅读全文