css - 标签下所有类的 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属性的所有此类元素，无论其值是什么，请使用属性选择器：

.reportTable li ol[class]

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