嵌套div和類的CSS

Question

我想對類generic_layout_container layout_core_menu_logo進行顯示：無，即在第11行，但是以某種方式沒有發生。 有人可以幫我這是我的CSS以獲得理想的結果

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

我認為代碼是錯誤的，請糾正我。 謝謝

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

您需要通過用句點代替空格來連接類。