Question

我有网站 http://yournextleap.com/fresher-jobs 请找出最后一个有HTML的div

<div data-recommendation="" data-id="3790" data-guidance="" data-bucket="jobs">
<div class="inn">
/* Some code*/
</div>
</div>

.inn底部有虚线并且它的父div是动态生成的

我想要的是什么：

最后一个DIV .inn必须有边框：无;
因为我试过：最后一个孩子
我不想使用JS或Jquery

我为主要div添加了类（暂时我删除了它）;现在只有<div> 它是

<div class="main">

就是这样，这是我的css

.main:last-child .inn{
border: none;}

但它不起作用

Answer 1

以下是我假设的情况：

    <div class="main">
        <div data-recommendation="" data-id="3790" data-guidance="" data-bucket="jobs">
            <div class="inn">
            /* Some code*/
            </div>
        </div>
    </div>

如果是这种情况，您需要：

    .main div:last_child .inn {
        border:none;
    }

Answer 2

嘿，我已经测试并在你的css中进行了以下更改

div.hero-unit div.recommendation + div div:last-child div.inn {border:none !important;}

它适用于Firefox和Chrome我正在测试相同的IE这只适用于IE 9+浏览器IE 7和IE 8将不支持这个CSS选择器。

将在这里解释模式。

div.hero-unit是选择父div
div.recommendation用于选择div.hero-unit
+ div将选择立即下一个div
div:last-child将选择div中我们在第3点选择的最后一个孩子
div.inn使用border:none设置属性!important，以便不应用其他边框，因为border:none会因!important而获得最高优先级。

希望每次阅读都有帮助。祝你好运

css伪类最后一个孩子的问题

2 个答案: