tipos - ¿Hay una manera de utilizar comodines en la etiqueta de identificación css
tipos de selectores css (4)
Dada una tabla de tres columnas con 200 filas y cada fila con un ID individual como esta fila:
<tr id="row_177">
<td><a class="btn" href="..">Link1</a></td>
<td><a href="pdfName.pdf" target="_blank">Name of PDF File</a></td>
<td><select class="pdf_sel">
<option value=""> ---- </option>
<option>Crowell, Thomas</option>
</select>
</td>
</tr>
y dado que desea centrar verticalmente el contenido en cada td, entonces el siguiente comodín css provocará que el contenido de cada td se centre verticalmente ** (Estoy seguro de que también puede usar esto para ajustar el ancho):
tr[id^=''row_''] > td {
vertical-align:middle
}
** Una advertencia: la tercera columna de la tabla contiene una Selección en cada td. Mientras que el botón de ancla en la primera columna y el texto en la segunda columna están centrados verticalmente en cada td usando el css anterior, la selección en la tercera columna no responde a este css por alguna razón, pero hay una solución. El siguiente css hará que los elementos de selección se centren correctamente verticalmente:
tr[id^=''pdfrow_''] > td > select {
margin-top:5px;
margin-bottom:5px
}
Suponiendo que tengo algunos elementos con identificadores similares:
<input class="a" id="id_1"/>
<input class="a" id="id_2"/>
Me gustaría poner en mi archivo css algo como:
#id_*{width = 100%;}
¿hay alguna manera de que pueda hacer eso? He intentado algo como:
input[id^=''id_'']{width:200px;}
pero eso no funcionó ......
Y su necesidad de trabajar en IE :(
EDIT: nedd para trabajar en IE8 ....
EDITAR:
<input tabIndex="1690" class="form" id="cust_1_NUM_OBJ_5-00461" dataFld="cust_1_NUM_OBJ_5-00461" dataSrc="#FIELDVALUES" style="text-align: right; height: 20px;" onkeypress="validateNumberChar(this)" onfocus="resetGFocusField(''cust_1_NUM_OBJ_5-00461'');" onblur="validateChangedNumber(this);" onbeforedeactivate="onbeforedeactivateLookup(this);" type="text" size="20" maxLength="55" datatype="number" numbertype="24,6" valueFieldID="null" tabStop="true" value="1"/>
y CSS:
input[id^=''cust_1_NUM_OBJ_5-0046'']{width:200px;}
El selector que usaste ( ^ ), funciona correctamente en IE:
input[id^=''id''] {
background: red;
}
Y aqui esta el resultado:
IE7
IE8
IE9
IE10
Como vi en tus imágenes, tu IE está renderizando tu página con el modo Quirks . Tal vez no tenga doctype o doctype incorrecto en su página. Haz que tu doctype sea válido de la siguiente manera:
<!doctype html>
Eso es precisamente para lo que son las clases. Lo que quieres es:
.a { width: 100% }
input[id^=''id_'']{width:200px;} debería funcionar. Ciertamente lo hace en este violín:
EDITAR: También, para mostrar que no selecciona una entrada sin un ID que comience por ''id_'' :
EDITAR 2: Como su Modo de documento parece estar configurado en Quirks, esto causará problemas con el selector css. Configure su tipo de documento correctamente, por ejemplo, utilizando <!DOCTYPE HTML> . Sin embargo, esto necesitará acceso al código original de las páginas web, por lo que sin eso tendrá que preocuparse.