css - selectors - ¿Cómo seleccionar el segundo td en detailsview datarow?
selector nth css (2)
La primera pregunta es: ¿necesitas apoyar IE6? Si la respuesta es sí, entonces no puedes hacerlo. Si no, la solución más fácil es probablemente:
td + td { ... }
Aún más moderno (y menos soportado) es:
td:nth-child(2) { ... }
Esto presupone que no estás dispuesto o no puedes poner una clase u otro identificador en el segundo td para que puedas hacerlo mucho más fácilmente.
Estoy tratando de crear un nuevo css para dar forma a mi vista de detalles. Pero no pude llegar al segundo td en las filas del campo de las vistas de detalles. ¿Tienes alguna idea para acceder a 2nd td?
Pero por favor imagine el codigo belov generado por la vista de detalles.
<table>
<thead>
...
</thead>
<tbody>
<tr>
<td>Name</td>
<td><input type=''text'' id=''txtName'' /></td>
</tr>
</tbody>
</table>
Recomiendo no seleccionar un campo que pasa a ser el segundo en una fila. Un mejor enfoque sería asignar clases de css significativas a los campos y seleccionarlas:
<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>