Question

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

我尝试使用#divMenu div[class^='num_']:last-child但无法到达那里。

请查看HTML

有什么想法??

Answer 1

这将帮助您从test开始的所有类我们需要创建一个父类并设置last-child的样式检查下面的代码

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>

请检查此代码。它适用于我

Answer 2

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

在您的示例中，为了使＃categoryPanel_2元素成为last-child，您必须摆脱它的相邻兄弟：

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

Updated fiddle（与邻近的兄弟姐妹评论出来）

Answer 3

DEMO

你可以这样选择。

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

像div [attr ^ = value _]一样使用'last-child'和'start with'：last-child

3 个答案: