0
我被給了兩個文件,HTML和CSS,並且必須根據HTML文件中的單元格內容更改某些表格行的「文本顏色」。但問題是,我必須改變只有Css文件(無需接觸HTML文件)才能實現。任何人都可以幫助我,我會非常感激。更改基於單元格內容的表格行的文本顏色,僅使用Css
下面的文件consecuitevly CSS文件,HTML文件,來實現輸出的圖像(鏈接)
body, div, h1, form, fieldset, input, textarea {
\t margin: 0; padding: 0; border: 0; outline: none;
}
table {
margin: 1;
padding: 0;
border: 1px;
outline: none;
background:#FFF;
border-style:solid;
border-color:#AAA;
position: relative;
top: 200px;
}
th {
background:gray;
}
td {
border-color:#AAA;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000000;
position:relative;
background:#D2D9DD
}
.panel {
}
.panelHeader {
}
.panelContent {
}
<html>
<body>
<div align="center">
\t <table id="allData">
\t <tbody>
\t <tr>
\t <th>Number</th>
\t <th>Name</th>
\t <th>Value</th>
\t </tr>
\t <tr>
\t <th>1.</th>
\t <td>Name 1</td>
\t <td>Value 1</td>
\t </tr>
\t <tr>
\t <th>2.</th>
\t <td>Name 2</td>
\t <td>Value 2</td>
\t </tr>
\t <tr>
\t <th>100.</th>
\t <td>Name 100</td>
\t <td>Value 100</td>
\t </tr>
\t <tr>
\t <th>1.</th>
\t <td>Name 1</td>
\t <td>Value 1</td>
\t </tr>
\t <tr>
\t <th>2.</th>
\t <td>Name 2</td>
\t <td>Value 2</td>
\t </tr>
\t <tr>
\t <th>100.</th>
\t <td>Name 100</td>
\t <td>Value 100</td>
\t </tr>
\t <tr>
\t <th>1.</th>
\t <td>Name 1</td>
\t <td>Value 1</td>
\t </tr>
\t <tr>
\t <th>2.</th>
\t <td>Name 2</td>
\t <td>Value 2</td>
\t </tr>
\t <tr>
\t <th>100.</th>
\t <td>Name 100</td>
\t <td>Value 100</td>
\t </tr>
\t <tr>
\t <th>1.</th>
\t <td>Name 1</td>
\t <td>Value 1</td>
\t </tr>
\t <tr>
\t <th>2.</th>
\t <td>Name 2</td>
\t <td>Value 2</td>
\t </tr>
\t <tr>
\t <th>100.</th>
\t <td>Name 100</td>
\t <td>Value 100</td>
\t </tr>
\t <tr>
\t <th>1.</th>
\t <td>Name 1</td>
\t <td>Value 1</td>
\t </tr>
\t <tr>
\t <th>2.</th>
\t <td>Name 2</td>
\t <td>Value 2</td>
\t </tr>
\t <tr>
\t <th>100.</th>
\t <td>Name 100</td>
\t <td>Value 100</td>
\t </tr>
\t </tbody>
\t </table>
</div>
</body>
</html>
最後結果應該是這樣的:
===>link : Click here to see image result < ===