嵌套div和类的CSS

Question

我想对第一行的generic_layout_container layout_core_menu_logo类进行显示：无，但不会以某种方式发生。任何人都可以帮忙 这是我的css获得理想的结果

#global_page_user-profile-index #global_header .generic_layout_container layout_main .generic_layout_container layout_core_menu_logo {
  display:none;
}

我认为这些代码是错误的plz纠正我。感谢

Answer 1

如果您提供的css是您正在使用的实际css，则问题如下：

当前的CSS：

#global_page_user-profile-index #global_header .generic_layout_container layout_main .generic_layout_container layout_core_menu_logo {
    display:none;
}

修正了CSS：

#global_page_user-profile-index #global_header .generic_layout_container.layout_main .generic_layout_container.layout_core_menu_logo {
    display:none;
}

下次还提供代码而不是屏幕截图。

你添加了几个额外的空格，所以css将它作为一个元素。

另见@Roko C. Buljan的评论，是的。

如果您为元素提供ID，则可以直接在其上使用display: none，因为ID应该是唯一的。

Answer 2

如果两个类都在同一个元素上，则需要删除其间的空格：

.generic_layout_container.layout_core_menu_log {
  display: none;
}

Answer 3

.generic_layout_container layout_main .generic_layout_container layout_core_menu_logo

：.generic_layout_container layout_main之间有一个空格，还有：.generic_layout_container layout_core_menu_logo

您需要通过用句点替换空格来连接类。