Html 如何删除div特定宽度中第一行的最后一个li::after
Html 如何删除div特定宽度中第一行的最后一个li::after,html,css,Html,Css,.footer链接{ 宽度:600px; 保证金:0自动; 背景色:#EFEF; } .footer链接li{ 显示:内联块; 填充:2px06px20px; } .footer链接李:第一个孩子{ 左侧填充:0; } a{ 文字装饰:无; 颜色:#000; 线高:25px; } a:悬停{ 颜色:#c56; } .footer链接li::在{ 颜色:#c95413; 内容:“/”; 左边距:18px; } .footer链
.footer链接{
宽度:600px;
保证金:0自动;
背景色:#EFEF;
}
.footer链接li{
显示:内联块;
填充:2px06px20px;
}
.footer链接李:第一个孩子{
左侧填充:0;
}
a{
文字装饰:无;
颜色:#000;
线高:25px;
}
a:悬停{
颜色:#c56;
}
.footer链接li::在{
颜色:#c95413;
内容:“/”;
左边距:18px;
}
.footer链接li:最后一个子项::在{
显示:无;
}
@ganeshraj这是你需要的方式吗
.footer链接{
宽度:600px;
保证金:0自动;
背景色:#EFEF;
}
.footer链接li{
显示:内联块;
填充:2px06px20px;
}
.footer链接李:第一个孩子{
左侧填充:0;
}
a{
文字装饰:无;
颜色:#000;
线高:25px;
}
a:悬停{
颜色:#c56;
}
/*.footer链接li::在{
颜色:#c95413;
内容:“/”;
左边距:18px;
}*/
.footer链接li:最后一个子项::在{
显示:无;
}
您可以使用jquery的此代码。向li添加类并使用css删除分隔符
var linkHgt = $('li').height();
$('li').each(function(){
if($(this).position().top > linkHgt){
$(this).css('padding-left','0');
$(this).prev('li').addClass('break');
return false;
}
});