Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将CSS应用于TD内的数据,但不应用于TD。需要提高每个TD中文本的基线。Maby文本属性选择器_Html_Css_Css Selectors - Fatal编程技术网

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

Html 将CSS应用于TD内的数据,但不应用于TD。需要提高每个TD中文本的基线。Maby文本属性选择器,html,css,css-selectors,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">

我需要增加文本,但若我在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>
在IE、Opera中,Chrome适用于所有手机,而在Firefox中则根本不起作用

  • 是否有一些css文本选择器-例如:

    .myclass > b
    
    .myclass > EVERY_TEXT {}
    
    将在使用.myclass标记时应用。我们有b标记

    maby一些单词,如每个_文本-可能是这样的选择器,例如:

    .myclass > b
    
    .myclass > EVERY_TEXT {}
    
  • 有人能提出另一种可行的方法来增加表中所有单元格中的文本,而不在每个单元格中使用span,也不使用.js吗


  • 谢谢你的帮助

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

    <td>
        <span class="styled_cell_content">Content</span>
    </td>
    
    
    内容
    
    使用星号选择DOM该部分中的所有元素,例如

    ​<div ​​​​class="one">
        testing <br/>
        <span> Test </div>
    </div>​​​​​​​​​​​​​​​​​​
    
    
    .one * {
        color: red;
    }
    
    ​
    测试
    试验 ​​​​​​​​​​​​​​​​​​ .1*{ 颜色:红色; }

    你试过负片填充吗

    .myClass,
    .myClass td {
        color:blue;
        padding-top: -8px;
    }
    

    如果你仍然在寻找答案,你需要在td(和th)级别专门设置边框-在IE中,它优先于整个元素上的颜色设置。例如,将此添加到css中,现在IE将使用此设置边框样式,并且td上设置的颜色不会改变它

    td, th {
        border: 1px solid #000;
    }
    

    对不起,这没用。在IE、Opera或Chrome中查看:已经在Chrome、safari、Opera、firefox中进行了测试,所有这些都可以使用。抱歉,但“位置:相对”、“顶部:-8px”对它没有帮助-此参数适用于bot TD和其中的文本,样式中的参数是“颜色”,它只适用于字体颜色-与参数position不同。我尝试的一切都有效,我几乎听不懂你想说什么。。。
    position
    属性适用于绝对和相对,和。如果这不是你想要的,请具体说明你需要什么不同,因为从我可以看出,这就是最初的问题所要问的(对不起,我的英文文本中有错误)。在ie,opera中,Chrome css属性“position”适用于TD(单元格)和TD(单元格)中的文本-在这种情况下,带有文本的单元格向上-但我只需要文本向上!!!请1。从第一个主题2复制代码。另存为HTML3。在•FIREFOX和•OPERA或•CHROME或•IE 4中打开。看到区别了吗。你会明白这个问题:)!我知道)。但是这个表有很多单元格,需要这样的跨度。我问过一种方法,可以用一个或两个css规则和一个、两个、三个类声明来实现一个目标。如果你只是想定位文本,你可以使用垂直对齐。在大多数情况下,它只适用于文本。我使用垂直对齐:顶部和位置:相对和顶部:-2px,但仅垂直对齐:顶部它不够(如果不将样式应用于单元格本身,则无法将其应用于单元格内的内容。为此,您需要将内容包装在
    span
    div
    、或
    p
    标记内,然后对其进行适当的样式设置。不幸的是,这是使用HTML和CSS的唯一方法。此外,您不应使用
    bgcolor
    ,而是在样式表中为表格单元格定义颜色。