30

詳細ビューを形成するための新しい css を作成しようとしています。しかし、detailsviews フィールド行の 2 番目の td に到達できませんでした。2nd td にアクセスするアイデアはありますか?

しかし、detailsview によって生成されたベロフ コードを想像してみてください。

<table>
<thead>
...
</thead>

<tbody>
    <tr>
        <td>Name</td>
        <td><input type='text' id='txtName' /></td>
    </tr>
</tbody>
</table>
4

2 に答える 2

70

最初の質問は、IE6 をサポートする必要があるかどうかです。答えが「はい」の場合、それはできません。最も簡単な解決策ではない場合、おそらく次のとおりです。

td + td { ... }

さらに最新の (そしてあまりサポートされていない) ものは次のとおりです。

td:nth-child(2) { ... }

これは、クラスやその他の識別子を 2 番目の td に配置したくない、または配置できないことを前提としているため、はるかに簡単に実行できます。

于 2009-05-23T10:38:26.500 に答える
5

たまたま 2 番目のフィールドを選択しないことをお勧めします。より良いアプローチは、意味のある css クラスをフィールドに割り当て、それらを選択することです。

<head>
  <style type="text/css" media="screen">
    td.form-value {
      background-color:red;
    }
  </style>
</head>
<tr>
  <td class="form-label">
    Label:
  </td>
  <td class="form-value">
    ...
  </td>
</tr>
于 2009-05-23T10:47:47.247 に答える