Html 设置一行DIV中最后一个DIV的样式
我查看了这篇文章(),但仍在寻找合适的IE8(和IE8之前的)解决方案 我有一行DIV被设置为右填充,但为了使最后一行正确对齐,我希望最后一行DIV的填充为零。我以前使用过.css+.css路由,但在IE8及其之前的版本中似乎不起作用Html 设置一行DIV中最后一个DIV的样式,html,css,css-selectors,Html,Css,Css Selectors,我查看了这篇文章(),但仍在寻找合适的IE8(和IE8之前的)解决方案 我有一行DIV被设置为右填充,但为了使最后一行正确对齐,我希望最后一行DIV的填充为零。我以前使用过.css+.css路由,但在IE8及其之前的版本中似乎不起作用 任何帮助都将不胜感激。您可以给最后一个div一个类,并让它在IE中与该类一起工作 <div class="last"></div> <style> .last { padding-right:0
任何帮助都将不胜感激。您可以给最后一个div一个类,并让它在IE中与该类一起工作
<div class="last"></div>
<style>
.last
{
padding-right:0;
}
</style>
.最后
{
右边填充:0;
}
您可以使用如下CSS:
.rowofdivs div:last-child {
padding-right: 0;
}
您可以使用css伪类:类型的最后一个这是一个CSS3选择器,请参阅以获取可用于哪些浏览器的内容列表 为什么不在代码的最后一个div中添加class=“last”
最后一个子级不适用于IE8及以下版本假设有一个包含所有这些内容的div,您应该能够执行以下操作:
div.container {
background-color: blue;
}
div.container .div-row {
float: left;
padding-right: 5px;
}
div.container .div-row:last-child {
padding-right: 0px;
}
如果您不能按照其他答案中的建议手动添加“last”类,那么您将不得不依靠JavaScript来完成这一任务。如果使用jQuery,可以执行以下操作:
$('#parentdiv div:last-child').addClass('last');
然后相应地调整样式表:
.last { padding-right: 0 }
这就是我们解决这个问题的方法。实际上,我们的第一季和最后一季都有不同的风格。我们必须手动添加类。如果有多个地方可以做相同的工作,您也可以使用javascript来实现。感谢您的回答,这是一个很好的解决方案选择。谢谢,不客气。这就是我们来这里的目的!