vue样式加scoped后不能覆盖组件的原有样式解决方法

<style scoped>

</style>

为了vue页面样式模块化,不对全局造成污染,建议每个页面的style标签加上scoped,表示他的样式只属于当前的页面,父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担,如无法覆盖原有组件的样式。 可以加 /deep/  。

深度作用选择器 /deep/  or  >>>

如果希望scoped样式中的选择器“深入”,即影响子组件

例子:

/deep/ .el-table .red-row {

background: #ffc2c2;

}

or

.el-table >>> .red-row {

background: #ffc2c2;

}

原文地址:https://www.cnblogs.com/xmyd/p/11988349.html

时间: 2024-10-11 02:39:40

vue样式加scoped后不能覆盖组件的原有样式解决方法的相关文章

css样式加载顺序及覆盖顺序深入理解

注:内容转载 很多的新手朋友们对css样式加载顺序和覆盖顺序的理解有所偏差,下面用示例为大家详细的介绍下,感兴趣的朋友不要错过 { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中(w3schools等),只说css的顺序是"元素上的style" > "文件头上的st

Cocos2d-x3.0 加载Cocostudio的UI后,按钮无法点击的解决方法

最近发现不少朋友都遇到这个问题,用Cocostudio的UI编辑器创建好UI后,在代码中加载UI,然后给按钮(Button)添加点击监听事件,发现无论如何都点击不了按钮,没有任何反应. 或者,往按钮的下面一些位置点击,却发现按钮被点击了,点击坐标的位置明显和按钮的位置有偏差. 笨木头花心贡献,啥?花心?不呢,是用心~ 转载请注明,原文地址: http://www.benmutou.com/blog/archives/1027 文章来源:笨木头与游戏开发 如果你也遇到这样的问题,不妨进行一个简单的

IIS开启伪静态后html静态页面无法访问的解决方法

IIS开启伪静态后,发现原本存在的html静态页面无法访问了,显示的404错误.网上查了下,是因为实现伪静态就是使用 URLRewriter 来映射后缀,会把asp等动态页面映射成html,但是原来存在的html静态页面也被定义的规则映射到其它页面了,所以找不到页面而无法访问. 有一个很简单的方法就是将html页面的后缀名改成htm,或者是把映射的规则改成映射为htm,总之就是把我们的伪静态页面和真正的静态页面分别用html和htm区分开来,但这只是治标不治本的方法. 最好的方法就是修改伪静态规

Android eclipse导入项目后出现Unable to resolve target &#39;android-17&#39;解决方法

eclipse导入项目后出现Unable to resolve target 'android-17'解决方法,在最后附带另一种编译逻辑不成功情况解决方法. 一.问题情况 二.解决办法 1.修改项目的目标版本与当前Android sdk相对应的版本 2.自动修复一下项目 三.这个问题不是上面的.是另外情况,在这里也奉上.如果项目出现逻辑正确,可能有些项目东西没有编译到.解决办法: 版权声明:本文为博主原创文章,未经博主允许不得转载. Android eclipse导入项目后出现Unable to

UIView 设置alpha后, 子view也随着变化alpha, 解决方法

//        _closeContainerBar.alpha = 0.7; [_closeContainerBar setBackgroundColor:[[UIColor blackColor] colorWithAlphaComponent:0.7]]; UIView 设置alpha后, 子view也随着变化alpha, 解决方法

jQuery之JSP加载JS文件不起作用的有效解决方法

JSP加载JS文件不起作用的有效解决方法 作者: 字体:[增加 减小] 类型:转载 时间:2014-04-08 jsp导入jquery文件,老是不起作用,原因在于其不能访问/WEB-INF/目录下的文件,下面有个不错的解决方法,大家可以参考下 目录结构:jsp导入jquery文件,老是不起作用,原因在于: 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.4.2.min.js"><

Linux下重新安装MySql后出现&#39;MySQL Daemon failed to start‘解决方法

Linux下重新安装MySql后出现'MySQL Daemon failed to start‘解决方法 近日在搭建lepus环境时,发现安装了xampp后,mysql启动不了. 运行service mysqld start或者/etc/init.d/mysqld start,出现: 运行mysql -uroot -p123456,出现: 后面在网上找到一种方法解决了此问题 rm -fr /var/lib/mysql/* rm /var/lock/subsys/mysqld killall my

form表单中控件较多,加载完成后切换页面都很慢的解决方法

form表单中控件较多,加载完成后点击都很慢,为什么?我一页面中form表单里面上百个控件(如input.select.radio.checkbox等),还有一些js脚本,加载速度还可以,都能全部显示完毕,但是点击一些事件(如切换tab.关闭模拟框,点击radio等)都非常慢,不知道为什么? 当我采用inprivate模式浏览时,以上动作都很快,但老用inprivate也麻烦,有何办法解决. 按理说form都在客户端显示完全了,其他操作都是客户端的操作阿应该不慢才对阿/. ------解决思路-

Microsoft Visual Studio Web 创作组件安装失败的解决方法

在网上查一下说是Office2007的问题.我把Office2007卸载了还是不行. 然后用Windows Install Clean Up工具清理,还是不行. 郁闷了.然后在安装包中的下面路径下找到\WCU\WebDesignerCore找到“Visual Studio Web 创作组件”的安装程序WebDesignerCore.EXE,双击出现提示“提取失败”,看来是安装包的这个组件在从别的地方copy的时候出现问题了.于是让同事给我重新发一个WebDesignerCore.EXE,再双击就