CSS嵌套的div和類

我想讓顯示：無類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; 
}

我覺得THT的代碼是錯誤的PLZ指正。由於

來源

2017-05-30 Stephen Nollan

截圖高度氣餒。這使得複製，建議修訂等非常困難。請改爲創建一個簡單的示例。 – JDB

我想你打算使用'＃global_page_user-profile-index #global_header .generic_layout_container.layout_main .generic_layout_container.layout_core_menu_logo {display：none; }' –

絕對不需要嵌套多個ID，因爲ID很明顯是一個獨特的選擇器。 –

如果您提供的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應該是唯一的。

來源

2017-05-30 17:21:18 Arthur

通常不需要嵌套多個ID後代，並且不必要地膨脹CSS。 –

你說得對。我還補充說，答案。 – Arthur

.generic_layout_container layout_main .generic_layout_container layout_core_menu_logo

您之間有一個空的空間：.generic_layout_container layout_main，也：.generic_layout_container layout_core_menu_logo

你需要用一段替代的空間來連接的類。

來源

2017-05-30 17:21:39

如果兩個類，你需要刪除之間的空間在相同的元素：

的代碼

.generic_layout_container.layout_core_menu_log { 
    display: none; 
}

來源

2017-05-30 17:22:38 mika

非常感謝你。有效：） –

CSS嵌套的div和類

回答

相關問題