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

我需要提高文本,但如果我在IE中将类应用于TD或TR,则Opera和Chrome的所有单元格都会上升(背景和边框以及单元格中的文本).
请看例子：

<!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>

问题)：

>是否有一些css结构仅将样式分配给TD内的数据,而不分配给此TD

tr.myclass TD {}

在IE中,Opera,Chrome适用于所有单元格,在Firefox中根本不起作用.

>是否有一些TEXT的CSS选择器 – 我的意思是：

.myclass > b

将在带有.myclass的标签中应用,我们有b-tag

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

.myclass > EVERY_TEXT {}

>任何人都可以提出另一种可行的方法来提高表格的所有单元格中的文本,而不是每个单元格中的跨度,并且没有.js

谢谢你的帮助！

解决方法

使用星号选择DOM的该部分中的所有元素,例如

<div class="one">
    testing <br/>
    <span> Test </div>
</div>


.one * {
    color: red;
}

Fiddle here,if you need to check it

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

解决方法

相关文章