1

コード :

<html>
<head>
<title>Hello World</title>
</head>
<body>
<table border=1>
<tr>
<td >Old</td>
<td>1</td>
</tr>

<tr>
<td>New</td>
<td>1</td>
</tr>
</table>
</body>

CSS を使用して変更された項目 (この場合、2 行目の 1 列目) を強調表示するために使用できる手法はありますか? それとも JavaScript のような他のものに頼る必要がありますか?

4

2 に答える 2

1

次のようなクラスを使用します。

<html>
<head>
<style type="text/css">
 .highlight{
    background: fuchsia;
}
</style>
<title>Hello World</title>
</head>
<body>
<table border=1>
<tr class="highlight">
<td >Old</td>
<td>1</td>
</tr>

<tr>
<td>New</td>
<td>1</td>
</tr>
</table>
</body>

何かが変更された場合は、特定の要素にクラスを追加できます。

$(element).addClass('highlight');

またはプレーンな JavaScript を使用:

element.class = 'highlight';
于 2013-04-25T06:52:30.847 に答える