尝试使用CSS将负数着色为红色

时间:2016-03-07 14:08:00

标签: html css

我只知道非常基本的CSS和HTML,所以我看了一些关于如何实现这一点的教程,但似乎我一定做错了,因为我的HTML页面没有加载它应该如何(负数为红色)。 / p>

Css表:

    body
    {
    }
    TD[negative^="-"]:after {color:red;}

    table.classname td[negative^="-"]:after {color:red;}

HTML表格:

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" type="text/css" href="Stylesheet1.css"
    </head>

表中的示例行:

    <table class="classname" style="width:100%">
    <td negative=>-98669</td>
    </table>

修改:我的链接属性没有关闭'&gt;'。

2 个答案:

答案 0 :(得分:1)

如果在值为负时在服务器端生成特殊属性,则应使用data-属性。

  

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

示例:

[data-negative] {
  color: red;
}
<table>
  <tr>
    <td>555</td>
    <td data-negative>-555</td>
  </tr>
</table>

答案 1 :(得分:0)

我的实际问题并未包含&lt;在我的链接属性。