2009-05-23 9 views
24

私の詳細ビューを整形するための新しいCSSを作成しようとしています。しかし、私はフィールドビューで2番目のフィールドに到達できませんでした。 2nd tdにアクセスする考えはありますか?detailsview datarowで2番目のtdを選択するにはどうすればよいですか?

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

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

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

答えて

49

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

td + td { ... } 

であっても、より現代的な(そしてあまりサポート)は次のとおりです。

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

これは、あなたが喜んまたはクラスまたは他の識別子を置くことができないじゃないことを前提としています2番目のtdではもっと簡単にそれを行うことができます。

+1

td + tdは第2、第3、第4などを選択します。 – holden321

4

行の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> 
+0

クラス名を2番目のtdに追加できません。 – uzay95

関連する問題