标签下所有类的CSS

Question

我有像这样的HTML

<div>
    <ul class="reportTable reportTableSum">
        <li class="rowW">
            <ol class="class_one">1</ol>
            <ol class="class2">2</ol>
            <ol class="classiii">3</ol>
            <ol class="class4">4</ol>
            <ol class="classfive">5</ol>
            ...[and more class]
         </li>
    </ul>
</div>

我需要为这些html设置这样的css部分。类名是随机的而不是按数字顺序。

.reportTable li ol.class_one,
.reportTable li ol.class2,
.reportTable li ol.classiii,
.reportTable li ol.class4,
...,
.reportTable li ol.classfive{
    display:block;
    min-height:15px;
    padding:1px 15px 1px 2px;
    margin:0;
    width:auto;
    overflow:hidden;
}

我尝试将css重写为类似这样或类似的东西，以申请所有课程，但它似乎不起作用

.reportTable li ol.*{
    ...
}

我该怎样才能做到这一点。请帮助，谢谢。

Answer 1

您不需要通配符*。此外，ol.*语法无效。

使用以下内容：

.reportTable li ol {
  // add declarations
}

Answer 2

如果您确实希望规则在给定的上下文中应用于具有ol属性的所有此类class元素，无论其值是什么，请使用{{3} }：

.reportTable li ol[class]

这种选择器得到了很好的支持（即使是IE 7）。