这是因为
我必须选择以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}