Html 设置列表样式类型:使用ul li时,仅图像上无
这是我的CSSHtml 设置列表样式类型:使用ul li时,仅图像上无,html,css,Html,Css,这是我的CSS ul.xoxo.blogroll { list-style-type: none; padding-left: 0px; margin-left: 27px; } ul.xoxo.blogroll li img { border: none; box-shadow: none; } 现在我使用列表样式类型:none和circle不可见。但我希望当我使用ul-li时,该圆圈可见,当ul-li具有img标记时,该圆圈不可见
ul.xoxo.blogroll {
list-style-type: none;
padding-left: 0px;
margin-left: 27px;
}
ul.xoxo.blogroll li img {
border: none;
box-shadow: none;
}
现在我使用列表样式类型:none代码>和circle不可见。但我希望当我使用ul-li
时,该圆圈可见,当ul-li
具有img
标记时,该圆圈不可见
那有可能吗。如果我设定
ul.xoxo.blogroll {
padding-left: 0px;
margin-left: 27px;
}
ul.xoxo.blogroll li img {
list-style-type: none;
border: none;
box-shadow: none;
}
圆圈无处不在。好吧,对于特定子级的父级,没有CSS选择器。如果您只想使用CSS,您可以添加另一个类,例如,imglist
或类似的类,然后选择该类。如果我没说错,如果有一个
内部a
,您希望列表类型样式
为无
,否则是一个圆圈
如果是这样,我认为您需要使用:
jQuery:
$('ul.xoxo.blogroll img').each(function(){
$(this).parent().css('listStyleType','none');
});
脚本通过每个
标记循环,并使用.parent().css()
操作其父对象的css属性,就像
一样
它起作用了吗
编辑:下面是一个JSFIDLE,其中有一个工作示例:试试这个:
ul.xoxo.blogroll li.img {
list-style-type: none;
border: none;
box-shadow: none;
}
如果我正确理解了问题,它就会起作用,因此如果列表项中有一个
,您希望列表样式类型为none
,否则将其设为默认值?在看到子对象是否存在后,恐怕没有办法影响父对象(因为这涉及到“向上”dom,CSS只能向下(级联)),可以使用jQuery完成,但这正是我想要的。嗯,那么只有阿贾克斯能帮我?你知道有什么好的教程吗?你在这里的代码是寻找一个带有“img”类的LI标记。恐怕不相关。小心点,如果你改变你的雇佣关系,
不再是你的
最近的父母,那么你必须使用.parent('li')
,而不是.parent()
。更多关于:@senzacionale