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

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

概述我需要提高文本,但如果我在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"><htm 我需要提高文本,但如果我在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" >this TD have class=&quot;.myClass&quot;</td></tr><tr  >      <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 >this text within span-Tags (.myClass)</span></td>    </tr></table></body></HTML>

firefox不会影响是否应用于tr_or_td,仅影响具有span-tag的文本.

如果在每行的每个TD中放置文本,则每个浏览器都能正常工作

<span > 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 ​​​​>    testing <br/>    <span> Test </div></div>​​​​​​​​​​​​​​​​​​.one * {    color: red;}

Fiddle here,if you need to check it

总结

以上是内存溢出为你收集整理的html – 将CSS应用于TD内的数据,但不应用于TD.需要在每个TD上提高文本基线. Maby文本属性选择器全部内容,希望文章能够帮你解决html – 将CSS应用于TD内的数据,但不应用于TD.需要在每个TD上提高文本基线. Maby文本属性选择器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1054291.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存