angular项目中修改nz-zorro组件库字体大小

有时候我们开发时使用到的组件库,可能样式不是符合我们的需求,我试着从谷歌调试工具获取组件的类,给他设置样式,如下我设置tabset的样式

.ant-tabs-nav .ant-tabs-tab {
  font-family: PingFangSC-Medium;
  font-size:16px;
  color:#333333;
}

上面样式并不生效,最后发现需要这么写

 /deep/ .ant-tabs-nav .ant-tabs-tab {
  font-family: PingFangSC-Medium;
  font-size:16px;
  color:#333333;
}

没错只是加了个/deep/,就OK了

上一篇:ant vue a-button配色方案


下一篇:ant design vue table 排序