element-ui在同一页面引入相同的组件，设置不同的样式，不生效？

发布于
2022-11-04 北京

在页面引入了两个相同的折叠组件，但是这个两个相同的组件的样式不同

.httpColl ::v-deep .el-collapse-item__header{
  border-bottom: 1px solid #e6ebf5 !important;
}

这么写不行，如何写让两个组件的样式互不影响

前端 css3 vue.js element-ui css

阅读 2k

1 个回答

得票最新

tubie520

31322251

发布于
2022-11-04 上海

你为什么不给你.contentColl xxx 使用你上面给el-collapse定义的类名作为区别呢

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.7k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答3.2k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答4.3k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2.2k 阅读
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答4.6k 阅读✓ 已解决
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。
3 回答1.9k 阅读✓ 已解决
多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？
比如：project1,project2项目的所有页面都是一样的，project1/src/a.vue和project2/src/a.vue只有几行代码不一样，可以通过判断处理，a.vue的其他代码怎么复用？
4 回答2.1k 阅读✓ 已解决

相似问题

为什么Element-UI的image组件在测试服和正式服的表现不同？
3 回答2.9k 阅读✓ 已解决
vue项目同一个页面从不同的入口进来要有不同的布局
2 回答5.7k 阅读
鼠标自定义样式url不生效？
2 回答2.7k 阅读
vue-cli4.0 公共的class选择器样式不生效
2 回答2.5k 阅读
element-ui el-table如何默认设置全局Loading样式？
2 回答4k 阅读

找不到问题？创建新问题

element-ui在同一页面引入相同的组件，设置不同的样式，不生效？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

css布局怎么保证右边一直在可视范围内？

Element Plus表格组件如何呈现复杂布局如图？

请问开发React Native，一般是推荐哪个主流的UI库呢？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？