使用CSS更改TD Table / P文本中的字体颜色?

时间:2015-11-26 18:29:27

标签: html css

我在更改td表中的字体颜色时出现问题。因为 p 是在我的页面中自动生成PHP框架。

这是我的HTML代码示例。



p {
    text-shadow: 2px 2px 5px red;
    font-size: 140%;
}

.gtext {
    color: blue;
    text-shadow: 2px 2px 5px blue;
    font-size: 140%;
}

<td class="gtext">
<p>Example of Font Color</p>
</td>
&#13;
&#13;
&#13;

正如您所看到的, P 拥有自己的红色CSS,但我会将其更改为蓝色,如何制作?

还有另一种方法可以改变 TD表里面的颜色 P 吗?

提前致谢

4 个答案:

答案 0 :(得分:4)

我相信这样做会:

.gtext > p {
    color: blue;
    text-shadow: 2px 2px 5px blue;
    font-size: 140%;
}

答案 1 :(得分:3)

你试过这个吗?

.gtext p {
    color: blue;
    text-shadow: 2px 2px 5px blue;
    font-size: 140%;
}

答案 2 :(得分:1)

<table>
  <td class="gtext">
    <p>Example of Font Color</p>
  </td>
</table>

您单独使用<td>,但它应位于<table>标记中。只需将<td>放在<table>

中,就无需更改css

答案 3 :(得分:1)

如果td在tr和tr内部表中,它可以正常工作,因为html解析器转出td如果它超出表,可能是你的代码没有生成表和tr

&#13;
&#13;
p {
    text-shadow: 2px 2px 5px red;
    font-size: 140%;
}

.gtext {
    color: blue;
    text-shadow: 2px 2px 5px blue;
    font-size: 140%;
}
&#13;
<table>
<tr>
<td class="gtext">
<p>Example of Font Color</p>
</td>
</tr>
</table>


<!-----Without Table---->
<td class="gtext">
<p>Example of Font Color</p>
</td>
&#13;
&#13;
&#13;