1

私はこのような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.*{
    ...
}

どうすればこれを機能させることができますか。助けてください、ありがとう。

4

2 に答える 2

2

ワイルドカードは必要ありません*。さらにol.*、無効な構文です。

以下を使用します。

.reportTable li ol {
  // add declarations
}
于 2012-09-05T02:06:08.443 に答える
1

特定のコンテキストで、値が何であれol、属性を持つすべての要素にルールを適用したい場合は、属性セレクターを使用します。class

.reportTable li ol[class]

この種のセレクターは十分にサポートされています (IE 7 でも)。

于 2012-09-05T04:24:51.383 に答える