将CSS应用于TD中的数据,但不应用于TD。需要在每个TD中提高文本基线。Maby文本属性选择器

use*_*742 5 html css css-selectors

我需要输入文本,但是如果我将类应用于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>
Run Code Online (Sandbox Code Playgroud)

Firefox不影响是否应用于tr_or_td,仅影响带有span-tag的文本。

如果在行的每个TD中将文本放在

<span class="tdclass"> mytext in span-tag </span>
Run Code Online (Sandbox Code Playgroud)

问题):

  1. 是否有一些CSS结构可将样式仅分配给TD中的数据,而不分配给此TD

    tr.myclass TD {} 
    
    Run Code Online (Sandbox Code Playgroud)

在IE,Opera中,Chrome适用于所有单元,而在Firefox中则根本不起作用。

  1. 是否有一些CSS选择器TEXT-我的意思是例如:

    .myclass > b
    
    Run Code Online (Sandbox Code Playgroud)

    当在带有.myclass的标签中有b-tag时将被应用

    maby像EVERY_TEXT这样的单词-可能是这样的选择器,例如:

    .myclass > EVERY_TEXT {}
    
    Run Code Online (Sandbox Code Playgroud)
  2. 任何人都可以提出另一种可行的方法来增加表格的所有单元格中的文本,而不必跨每个单元格,也没有.js

感谢您的帮助!

J.M*_*ney 0

您可以在 TD 单元格中的内容周围添加一个 span 标签,并将 CSS 应用于该 span。

<td>
    <span class="styled_cell_content">Content</span>
</td>
Run Code Online (Sandbox Code Playgroud)