刪除移動設備的某些屏幕尺寸的RSS元素

對於移動設備，我想從我的社交窗口小部件中移除我的RSS元素。我嘗試使用編輯css刪除移動設備的某些屏幕尺寸的RSS元素

@media screen and (max-width: 1px){ 
.a.parent-menu-item.icon-rss { 
    display:none; 
}       

@media screen and (max-width: 1px){ 
    .li.parent-menu-item.icon-rss { 
     display:none; 
}

但它沒有工作。我正在使用創世紀框架和真正的奇利德主題http://boasish.com。

來源

2014-09-23 k65

就你而言，元素.parent-menu-item.icon-rss是li元素的子元素。因此，您需要使用descendant combinator（空格），以便選擇它 - （li .parent-menu-item.icon-rss）。

此外，你有一個specificity的問題。只需增加選擇器的特異性即可。

下面的工作，只是把它放在媒體查詢。

#menu-social li .parent-menu-item.icon-rss { 
    display: none; 
}

來源

2014-09-23 01:38:19

感謝您的快速回答。我如何擺脫rss圖標用於移動設備的灰色邊框？ – k65 2014-09-23 01:57:52

@ k65假設沒有任何其他圖標，您可以簡單地使用'.social_menu {display：none; }'。 – 2014-09-23 01:59:54

我只是試過，它的工作原理，但是當我這樣做時，出於某種原因顯示雙線。 – k65 2014-09-23 02:03:40

刪除移動設備的某些屏幕尺寸的RSS元素

回答

相關問題