在写css时不起作用,请排查是否是scoped的问题

hykeda2年前Vue1941

在写css的时候,用了框架自带的组件table和card,把table包在了card里面,然后发现table的分页样式出现了问题,查看源码后发现card中写了

ul li { margin-left:20px;}

这样写导致里面的table中的li间距也发生了变化,然后我写了css改成了0:


<style scoped lang="less">
    .arco-pagination-item{
        margin-left: 0px !important;
    }
     
</style>

但是这样不起作用,因为写了关键字 scoped 这样的css 还能针对当前的vue页面,并不能影响到引用进来的组件table中的css,所以需要将scoped去掉,这样table就正常了。

标签: scopedvuecss

相关文章

[Vue warn]: Error in render: “TypeError: Cannot read property ‘name‘ of undefined“,报错,已解决。

含义:渲染时发生错误:类型错误:不能读取undefined的name属性原因:出现上述报错其实是因为,你访问了undefined.name,但是 undefined 没有 name,所以报错。原因有两...

vite+vue3项目中js方法调用

这这里一创建一个axios接口demo为例:首先安装axios,打开官方GitHub:https://github.com/axios/axios或者访问中文网站:https://www.axios-...

vue中的h函数使用

一、参数设置h函数接收三个参数。第一个参数:,可以为一个html标签,一个组件,一个异步组件,或者是一个函数式组件。第二个参数:{ Object } Props,与attributes和props,以...

vue3 拖拽插件 vue.draggable.next

官网地址:https://github.com/SortableJS/vue.draggable.next安装:npm i -S vuedraggable@next引入插...

Vue3二维码生成

一、装上插件npm install --save qrcode.vue二,引入插件到页面中import QrcodeVue from ...

页面直接使用ElementUI,官方提供的表格代码,样式错乱

页面直接使用ElementUI,官方提供的表格代码,样式错乱

在使用element编写前端代码是,引入element的css和js,使用官方提供的例子:<template>   <el-table :data=&...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。