Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 设置一行DIV中最后一个DIV的样式_Html_Css_Css Selectors - Fatal编程技术网

Html 设置一行DIV中最后一个DIV的样式

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

我查看了这篇文章(),但仍在寻找合适的IE8(和IE8之前的)解决方案

我有一行DIV被设置为右填充,但为了使最后一行正确对齐,我希望最后一行DIV的填充为零。我以前使用过.css+.css路由,但在IE8及其之前的版本中似乎不起作用


任何帮助都将不胜感激。

您可以给最后一个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来实现。感谢您的回答,这是一个很好的解决方案选择。谢谢,不客气。这就是我们来这里的目的!