5

テキストをアップする必要がありますが、IE、Opera、および Chrome の TD または TR にクラスを適用すると、すべてのセルがアップします (背景と境界線とセル内のテキスト)。例を見てください：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <style>
  .myClass  td{
      position:relative;
      top:-8px;
      color:blue;
      }

  .myClass {
      position:relative;
      top:-8px;
      color:blue;
      } 
td { border: red solid 2px ;}   
  </style>
  </head>
<body>
<p>&nbsp;</p>
<table  width="384" height="89" border="2" cellpadding="0" cellspacing="3" bgcolor="#cccccc">
    <tr >
      <td width="109" bgcolor="#FFCC00">&nbsp;</td>
      <td width="255" bgcolor="#00CCFF" class="myClass">this TD have class=&quot;.myClass&quot;</td>
</tr>
<tr  class="myClass">
      <td bgcolor="#999999">&nbsp;</td>
      <td bgcolor="#FFFF00">this TR have class=&quot;.myClass&quot;</td>
    </tr>
    <tr>
      <td bgcolor="#666666">&nbsp;</td>
      <td bgcolor="#FFFFFF"><span class="myClass">this text within span-tags (.myClass)</span></td>
    </tr>
</table>
</body>
</html>

Firefox は tr_or_td に適用されても影響せず、span-tag を持つテキストにのみ影響します。

行のすべての TD 内にテキストを配置すると、すべてのブラウザが正しく動作します

<span class="tdclass"> mytext in span-tag </span>

質問) :

  1. スタイルを TD 内のデータにのみ割り当て、この TD には割り当てない css 構造はありますか?

    tr.myclass TD {}

IE、Opera、Chrome ではすべてのセルに適用されますが、Firefox ではまったく機能しません。

  1. TEXTのcssセレクターはありますか-たとえば、次のようになります。

    .myclass > b

    .myclass のタグに b-tag がある場合に適用されます

    EVERY_TEXT のようないくつかの単語 - そのようなセレクターである可能性があります。たとえば、次のようになります。

    .myclass > EVERY_TEXT {}

  2. テーブルのすべてのセルにテキストを追加する別の実行可能な方法を、すべてのセルにスパンなしで.jsなしで提案できますか?

助けてくれてありがとう！

4

4 に答える 4

1

アスタリスクを使用して、DOM のそのセクションのすべての要素を選択します。

​&lt;div ​​​​class="one">
    testing <br/>
    <span> Test </div>
</div>​​​​​​​​​​​​​​​​​​


.one * {
    color: red;
}

チェックする必要がある場合は、ここでフィドルしてください

于 2012-04-30T23:36:55.700 に答える
0

TD セルのコンテンツの周りにスパン タグを追加し、スパンに CSS を適用できます。

<td>
    <span class="styled_cell_content">Content</span>
</td>
于 2012-04-30T23:14:25.057 に答える
0

負のパディングを試しましたか？

.myClass,
.myClass td {
    color:blue;
    padding-top: -8px;
}
于 2012-05-01T00:03:15.897 に答える
0

これに対する答えをまだ探している場合は、境界線を td (および th) レベルで具体的に設定する必要があります。IE では、要素全体の色セットよりも優先されます。たとえば、これを css に追加すると、IE はこれを使用して境界線のスタイルを設定し、td で設定された色はそれを変更しません!

td, th {
    border: 1px solid #000;
}
于 2013-06-01T11:00:34.307 に答える