Question

我在CMS TYPO3中有一些带Bootstrap的面板，所以它是一个bootstrap panel / div。 div类名为“panel panel-default”，我连续5个。

我无法为类添加额外的名称，因此我需要在CSS中使用Panel和Panel-default类。

我的问题是，我怎样才能在我的CSS中添加一个speciel样式，以便最后一个Panel / div带有类名..

 class="panel panel-default"

有另一种风格，然后是第一个面板的/ div。

EDIT。

你好，为最后一个孩子。

但它不起作用，我认为它的div结构，但是我无法改变它，现在做的是在最后一个div上添加一个speciel样式吗？如果我在课堂上添加最后一个孩子，它会在2 div上创建样式。

<div id="c182">
<div class="panel panel-default">
<div class="panel-body"></div>
</div>
</div>
<div id="c178">
<div class="panel panel-default">
<div class="panel-body"></div>
</div>
</div>

Answer 1

.panel.panel-default:last-child { your styles }

这应该选择那些类的最后div。

要查看:last-child支持，您可以查看here。

更新

由于您的结构比这更复杂，如何：

div[id]:last-child > div.panel.panel-default {
    your styles
}

这将选择div，其.panel.panel-default类的直接父级是具有div属性的最后一个id。

Answer 2

.panel.panel-default:last-child {

your code

}

Answer 3

您可以使用:last-of-type选择器。

div:last-of-type .panel-default {
  font-size: 1.5em;
  font-style: italic;
  color:cyan;
}

以下是 Demo.

如何给出最后一个班级名称，其他一些CSS

3 个答案:

更新