移除某些屏幕尺寸的RSS元素以用于移动设备

Question

对于移动设备，我想从社交窗口小部件中删除我的RSS元素。我尝试使用

编辑css

@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;
}      

但它不起作用。我正在使用Genesis Framwork和tru Chilid Theme http://boasish.com。

Answer 1

在您的情况下，元素.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;
}