一起使用"最后一个孩子"和"开头为",如 div[attr^=value_]:最后一个孩子



我必须选择以num_开头的类,并希望在其上应用不同的属性。last-child没有其他选项来添加额外的类或属性。

我试过#divMenu div[class^='num_']:last-child,但没能到达那里。

请看一下HTML

你知道吗??

这是因为div[class^='num_']实际上都不是last-child的。

在您的示例中,为了使#categoryPanel_2元素成为last-child,您必须去掉它的相邻同级:

<div class="x-clear" role="presentation" id="ext-gen1332"></div>

更新的fiddle(与相邻的兄弟注释掉)

这将帮助您从测试开始的所有类。我们需要创建一个父类并设置最后一个子类的样式。检查下面的代码

div.test div[class^="test"]:last-child {
background: #ffff00;
}
<div class="first_test">The first div element.</div>
<div class="second">The second div element.</div>
<div class="test">
<div class="test_50">The third div element.</div>
<div class="test_50">The third div element.</div>
<div class="test_50">The third div element.</div>
</div>
<p class="test">This is some text in a paragraph.</p>

请检查此代码。它对我来说很好

演示

你可以这样选择。

p[class^="sel_"]:last-child{color: red}

最新更新