首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角6中的Css问题

角6中的Css问题
EN

Stack Overflow用户
提问于 2018-09-12 06:40:37
回答 1查看 71关注 0票数 0

在我的六角形应用程序里。我已经创建了许多组件。对于显示数据,我使用了ng2-smart-table

我有一些特殊的要求隐藏默认分页栏。并显示自定义分页。

为此,我刚刚在组件的SCSS文件中设置了css。

代码语言:javascript
运行
复制
::ng-deep .ng2-smart-pagination-nav {
   display: none
}

但这也会影响到所有其他组件。

直到我知道和RND,在角度上,我们使用每个组件有他们的每个scss文件。那么,我的问题是,为什么这个css也影响到所有其他组件?如何防止这一问题的发生?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-12 07:05:11

/deep/ combinator工作于嵌套组件的任意深度,它同时适用于组件的视图子级和内容子级。

使用

:主机使用:host伪类选择器在承载组件的元素中以样式为目标(而不是针对组件模板中的元素)。

代码语言:javascript
运行
复制
:host ::ng-deep .ng2-smart-pagination-nav {
  display: none
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52288910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档