18

要素<table/>を使用して列をフォーマットしようとしています。、など<col/>は設定できますが、 は設定できません。うまくいかないのはなぜですか？background-colorwidthfont-weight

<table>
    <col style="font-weight:bold; background-color:#CCC;">
    <col>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>
4

6 に答える 6

36

私の知る限り、<col>要素でCSSを使用して以下をフォーマットすることしかできません。

  • 背景色
  • 国境
  • 幅
  • 視認性

このページには詳細があります。

<td>ハーブは正しいです-直接スタイリングする方が良いです。私がしていることは次のとおりです。

<style type="text/css">
   #mytable tr > td:first-child { color: red;} /* first column */
   #mytable tr > td:first-child + td { color: green;} /* second column */
   #mytable tr > td:first-child + td + td { color: blue;} /* third column */
   </style>
   </head>
   <body> 
   <table id="mytable">
    <tr>
      <td>text 1</td>
      <td>text 2</td>
      <td>text 3</td>
    </tr>
    <tr>
      <td>text 4</td>
      <td>text 5</td>
      <td>text 6</td>
    </tr>
    </table>

ただし、これはIEでは機能しません。

于 2008-10-01T21:29:22.210 に答える
6

最善の策は、スタイルを<td>タグに直接適用することです。このタグを使用したことはありません<col>が、ほとんどのブラウザーでは<table>and <td>/<th>レベルでフォーマットを適用できますが、中間レベルでは適用できません。たとえば、

<table>
    <tr class="Highlight">
        <td>One</td>
        <td>Two</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
</table>

その場合、この CSS は機能しません

tr.Highlight { background:yellow }

しかし、これは

tr.Highlight td { background:yellow }

また、上記のコードはデモンストレーションのみを目的としており、実際にスタイルをインラインで適用するつもりはないと思います。

于 2008-10-01T14:56:58.037 に答える
2

これが必要だったかもしれません：

tr td:first-child label {
    font-weight: bold;
}
于 2014-11-13T16:02:29.370 に答える
1

CSSクラスを介してスタイルを適用してみましたか？

以下が機能しているようです。

<style type="text/css"> 
  .xx {
  background: yellow;
  color: red;
  font-weight: bold;
  padding: 0 30px;
  text-align: right;
}

<table border="1">
  <col width="150" />
  <col width="50" class="xx" />
  <col width="80" />
<thead>
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    </tr>
</tbody>
</table>

col要素の参照

于 2008-10-01T14:20:39.590 に答える
1

最初の列が太字のテキストになり、他の4つの列が通常のテキストになるようにテーブルのスタイルを設定しようとして、これを読みました。colタグを使用するのは道のりのように思えましたが、width属性を使用して列の幅を設定することはできましたが、font-weight：boldは機能しませんでした。解決策の方向を示してくれてありがとう。すべてのtd要素のスタイルを設定し、隣接する兄弟セレクターを使用して列2〜5を選択し、通常の Voilaにtd {font-weight: bold;}スタイルを戻すことで、すべてうまくいきます:)td + td {font-weight: normal;}

于 2010-01-16T21:16:31.823 に答える
-1

タグはタグのcol内側にある必要がありますcolgroup.これは問題に関係している可能性があります.

于 2008-10-01T14:12:35.863 に答える