2

次のようなテーブル定義用のcssクラスがあります

.tabborder
{
    border:           1px solid black;
    border-collapse:  collapse;
}

次に、class="tabborder"を持つ要素内にネストされているすべての要素thと要素で次のことを実行します。td

.tabborder th, td
{
    border:           1px solid black;
    border-spacing:   0;
}

ただ、または私が望むように機能している間はth, td 機能しません。thtd

そのための回避策はありますか？以下のような個別の定義を書くことはうまくいくことを私は知っていますが、これを行うための効率的な方法はありますか

 .tabborder th
{
    border:           1px solid black;
    border-spacing:   0;
}

 .tabborder td
{
    border:           1px solid black;
    border-spacing:   0;
}

前もって感謝します

4

1 に答える 1

7

カンマは、個別のセレクターをグループ化するために使用されます。

セレクターのコンマ区切りリストは、リスト内の個々のセレクターのそれぞれによって選択されたすべての要素の和集合を表します。（コンマはU + 002Cです。）たとえば、CSSで、複数のセレクターが同じ宣言を共有する場合、それらはコンマ区切りのリストにグループ化される場合があります。空白は、コンマの前後に表示される場合があります。

.tabborder最初のセレクターで指定されていますが、後続のセレクターでは暗黙指定されていません。

.tabborder th,
.tabborder td /* you must specify .tabborder for each selector */
{
    border:           1px solid black;
    border-spacing:   0;
}

[編集]または、要素には要素（ソース）のみをtr直接含めることができるため、子セレクターとユニバーサルセレクター（フィドル）を組み合わせることができます。tdth>*

.tabborder tr > *
{
    border: 1px solid #000000;   
    padding: 3px 6px;
}​
于 2012-12-07T21:37:54.060 に答える