css样式问题,无法设置header的title的颜色

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好, 首先, 我们要理解为什么在父组件设置样式, 但是子组件中没有生效, 这是因为子组件的style标签中有scoped属性, 会优先使用该组件中的对应设置的样式, 所以同学在父组件中设置样式无法生效。

然后我们在来看如何解决这个问题, 需要使用vue的一个知识点样式穿透, 在类名前面添加/deep/即可。 写法如下:

http://img1.sycdn.imooc.com//climg/5d706a990001bac111020535.jpg

http://img1.sycdn.imooc.com//climg/5d706aa000014aba04210082.jpg

综上所述, 如果想在父组件中修改子组件的css样式, 需要使用到样式穿透才可以生效哦

如果帮助到了你, 欢迎采纳!

祝学习愉快·~~~~

好帮手慕慕子 2019-09-04 18:56:46

同学你好, 看同学的描述,已经解决问题了, 可以设置title颜色了是吗? 

如果解决了, 那么只要能实现效果就算是好的方法, 编程是很灵活的。

如果没有解决的话, 由于不清楚同学的项目结构和代码书写, 无法准确的定位问题。

同学可以提交在完成作业后,提交作业的时候,批注上自己的问题,批复作业的老师会针对你的问题给出详细的解决方案的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

  • 提问者 习惯倒装 #1
    并么有解决。。我只是把我写的两种写法都列出来了而已,但是都不好使。 其实问题点就是我想在页面中修改base/navbar这个组件中title的颜色,但是不管怎么修改都不好使,不想直接修改组件,难道还要往组件中另传一个值嘛?
    2019-09-04 21:08:49
提问者 习惯倒装 2019-09-04 18:38:14

http://img1.sycdn.imooc.com//climg/5d6f93ce000117e113660727.jpg

我记得是优先级的问题  但是怎么样才是一个好的方法来改变title的颜色呢??

提问者 习惯倒装 2019-09-04 18:34:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师