4

多くのクラスの1つを持つ可能性のある要素をターゲットにしようとしています。次の例を書く簡単な方法はありませんか？参照を見つけることができませんでしたが、より効率的なオプションがあるはずです。

.myTable1 a, .myTable2 a, .myTable3 a, .myTable4 a
{
    text-decoration: underline;
}
4

4 に答える 4

5

試す -

table[class^=myTable] a {
    text-decoration: underline;
}
于 2012-10-16T18:12:33.407 に答える
4

計算効率（つまり、ブラウザーのパフォーマンス）について話している場合は、既に持っているものに固執することをお勧めします。さもないと...

class属性が常に部分文字列で始まることがわかっている場合はmyTable、属性セレクターを使用できます。

[class^="myTable"] a
{
    text-decoration: underline;
}

もう少し複雑なものが必要であることを保証できない場合：

[class^="myTable"] a, [class*=" myTable"] a
{
    text-decoration: underline;
}

ここで説明があります。この構文が難解であることがわかった場合は、最も単純なものであるため、すでに持っているものを使用することを再度お勧めします。

または、HTMLを変更して、選択可能な共通クラスを含めます。これにより、CSSを既存のものからさらに簡素化できます。

于 2012-10-16T18:14:45.133 に答える
2

いいえ、単純な CSS でこれほど簡単な方法はありません。

ただし、多くのクラスがすべて類似している場合は、このようにファジー マッチングを行うことができます*[class^="myTable"] { ... }。

于 2012-10-16T18:12:41.937 に答える
1

下線付きのリンクが必要な表では、複数のクラスを使用できます。

HTML :

<table class="myTable1 ul_table">...</table>
<table class="myTable2 ul_table">...</table>
<table class="myTable3 ul_table">...</table>
<table class="myTable4 ul_table">...</table>

CSS :

.ul_table a {
    text-decoration: underline;
}
于 2012-10-16T18:20:54.707 に答える