1

这是我的 CSS

ul.xoxo.blogroll {      
    list-style-type: none;
    padding-left: 0px;
    margin-left: 27px;  
}
ul.xoxo.blogroll li img { 
    border: none;
    box-shadow: none;
}

现在我使用list-style-type: none;并且 cicrcle 不可见。但我希望那个圆圈在我使用时可见，而在有标签ul li时不可见。ul liimg

那可能吗。如果我设置

ul.xoxo.blogroll {
    padding-left: 0px;
    margin-left: 27px;  
}

ul.xoxo.blogroll li img { 
        list-style-type: none;
    border: none;
    box-shadow: none;
}

圈子无处不在。

4

3 回答 3

1

如果我猜对了，如果有一个<img>内在的 a <ul>，你想要的list-type-style是none，否则是 a circle？

如果是这样，我认为您需要使用jQuery：

jQuery：

​​$('ul.xoxo.blogroll img').each(function(){
    $(this).parent().css('listStyleType','none');
    });​​​​​​​​​​​​​​​​​​​​​​

该脚本循环遍历每个<img>标签，并通过.parent().css()它操纵其父级的 css 属性，这<li>将是什么。

它奏效了吗？

编辑：这是一个带有工作示例的 jsFiddle：http: //jsfiddle.net/Wc72f/

于 2012-11-26T10:55:42.750 回答
1

AFAIK，没有针对特定孩子的父母的 CSS 选择器。如果您只想保留 CSS，您可以添加另一个类，例如imglist或类似的，然后选择它。

于 2012-11-26T10:55:27.463 回答
0

尝试这个：

ul.xoxo.blogroll li.img { 
    list-style-type: none;
    border: none;
    box-shadow: none;
}

如果我正确理解了这个问题，它会起作用

于 2012-11-26T10:57:11.410 回答