当前位置: 首页 > news >正文

wordpress打不开后台青岛seo代理计费

wordpress打不开后台,青岛seo代理计费,宁波比较好的网站公司,论述网站建设的主要步骤前言#xff1a;vueelementUI项目开发中#xff0c;经常遇到修改elementUI组件样式无效的问题#xff0c; 原因#xff1a;在vue组件中我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后#xff0c;工作原理是将当前组件的节点添加一个…前言vueelementUI项目开发中经常遇到修改elementUI组件样式无效的问题 原因在vue组件中我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后工作原理是将当前组件的节点添加一个像”data-v-fae5bece”这样唯一属性的标识这样就可以使得当前样式只作用于当前组件的节点。效果如下 测试项目结构是Home组件包含MiddleContainer组件、leftCharts层和rightCharts层如下 如果各个嵌套的父子组件都使用scoped作用域拥有了有各自的唯一标识类似于组件样式相互独立了那么一般情况下在父组件style scoped内样式不能设置子组件的节点elementUI样式同样子组件style scoped内样式不能设置子父组件的节点的elementUI样式所以产生修改elementUI组件样式无效的问题。 解决方式 方法一在app.vue根节点上修改样式进行全局覆盖 局部子组件MiddleContainer.vue如下 ​ templatediv classMiddleContainerPagep这里是middleContainer 组件页面/pdiv classtesta href#测试/a/divel-button typeprimary测试在app.vue根组件上修改的效果/el-button/div /templatestyle langscss scoped.MiddleContainerPage {color:green;font-size: 2rem;.el-button--primary{color:orange;}} /styleapp.vue组件如下 style langscss #app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;width:100%;height:100%;color:#fff;.MiddleContainerPage .el-button--primary {color:red;}} /style 注意: style langscss不包含scoped App.vue是项目的主/根组件所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由组件也是App.vue的子组件。这里测试发现 修改app.vue根节点的样式可以覆盖使用了scoped的子组件样式。也就是app.vue的样式等级高于使用了scoped的子组件样式等级。 方法二去除局部/子组件scoped的style属性 该方法是去除局部/子组件的scoped作用域属性 并定义一个类名或者Id来增加当前组件的命名空间使当前style 样式实现类似style scoped 划分组件块的效果达到不影响组件样式的目的。所以项目开发中会习惯为每一个组件的根节点添加一个类名或者Id来声明当前组件的命名空间如下的class“MiddlerContainerPage” templatediv classMiddleContainerPagep这里是middleContainer 组件页面/pdiv classtesta href#测试/a/divel-button typeprimary测试在app.vue根组件上修改的效果/el-button/div /templatestyle langscss.MiddleContainerPage {color:green;font-size: 2rem;.el-button--primary{color:orange;}} /stylestyle.MiddleContainerPage .el-button--primary{color:red;} /stylestyle scoped 中使用深度选择器影响子组件 在style scoped 样式中使用深度选择器影响子组件可以使用 操作符使用如下 .MiddleContainerPage .el-button--primary{color:red;} 在 SCSS / Sass 之类的预处理器无法正确解析 , 所以 /deep/ 操作符取而代之代码如下 .MiddleContainerPage /deep/.el-button--primary{color:red;} 注意事项 CSS 作用域不能代替 class。考虑到浏览器渲染各种 CSS 选择器的方式当 p { color: red } 设置了作用域时 (即与特性选择器组合使用时) 会慢很多倍。如果你使用 class 或者 id 取而代之比如 .example { color: red }性能影响就会消除。你可以在这块试验田中测试它们的不同。 在递归组件中小心使用后代选择器! 对选择器 .a .b 中的 CSS 规则来说如果匹配 .a 的元素包含一个递归子组件则所有的子组件中的 .b 都将被这个规则匹配。 参考网址https://blog.csdn.net/xiazeqiang2018/article/details/81190275
http://www.huolong8.cn/news/464440/

相关文章:

  • 聊城集团网站建设流程网站在线开发
  • 农产品网站建设案例网站排名提升软件
  • node.js做企业网站网站建设的实施方案
  • 接单做网页的网站地方美食网站开发意义
  • 商标查询免费seo在线教程
  • 济南网站建设公司排名金华高端网站设计
  • 企业网站手机端模板下载大连零基础网站建设教学服务
  • 网站footer怎么做试述网站建设的步骤过程
  • wordpress企业网站 教程wordpress 照片展示
  • 设计师专用网站如何营销
  • 管理系统网站开发报价移动商城信息费
  • 网站建设建设如何给自己的网站做外链
  • 国外优秀的html5网站简述网站内容如何优化
  • 黑龙江专业网站建设餐饮设计装饰公司
  • 做海报设计的图片网站有哪些网站推广到海外怎么做
  • 网站建设费可以进广告宣传费吗百度网盘登陆入口
  • 成都水高新区建设局官方网站济南自助建站系统
  • php网站后台程序如何发布网站教程
  • 山东省建设注册执业中心网站直播互动
  • 做国内网站阿里云怎么样seo引流软件
  • 龙岩网站建设推广wordpress添加自定义链接
  • 郑州网站推广价格网站开发软件设计文档模板
  • 企业网站建设对企业客户的意义知乎 拒绝 朋友 做网站
  • 网站内图片变换怎么做凡科可以做视频网站吗
  • 通过手机建设网站vestacp配置wordpress
  • 设计师网名怎么取网站怎么做seo_
  • 网站建设服务哪家好万网网站建设万网网站建设
  • 怎么改版一个网站网站建设是什么样的
  • 好的建网站的公司辽宁省建设工程注册中心网站
  • 网站开发一般采用什么框架高端大气的网站模板