12.3. 选项 A:CSS


例如,尝试在 Dashboard 页面中隐藏最新的元素。第一步,您已将其 CSS 路径识别为:

#three-scale .dashboard_bubble
Copy to Clipboard Toggle word wrap

请记住,这是第二个具有相同路径的方框,因此您将使用"+"选择器。您的路径现在类似如下:

.main_layout #three-scale .dashboard_bubble + .dashboard_bubble
/* or */
.main_layout #three-scale .dashboard_bubble:nth-child(1)
Copy to Clipboard Toggle word wrap

将 display 属性改为 none 会导致这个方框不可可见:

.main_layout #three-scale .dashboard_bubble:nth-child(1) {
  display: none;
}
Copy to Clipboard Toggle word wrap
Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务,以及可以信赖的内容,帮助红帽用户创新并实现他们的目标。 了解我们当前的更新.

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

Theme

© 2026 Red Hat
返回顶部