En mi sitio web tengo un formulario de búsqueda AJAX. El código HTML muestra este ID:
id="edit-field-geolocation-proximity-center-geocoder--Bq5Bx8zXA1A" Quiero aplicarle un estilo. Mi problema es que el código al final de Bq5Bx8zXA1A cambia con cada búsqueda.
Cómo diseñar todas las identificaciones que comienzan con:
id="edit-field-geolocation-proximity-center-geocoder--"ACTUALIZAR
Aquí está mi código CSS actual, funciona en formularios que no son AJAX. Pero para aquellos que tienen habilitado AJAX, no funciona porque hay un código aleatorio agregado al fondo de la ID:
#edit-field-geolocation-proximity-center-geocoder .form-item { margin-top: 0rem; }¡Bienvenido a Stack Overflow! Yo puedo ayudar con eso. Una forma de lograr lo que está buscando en CSS puro es con un selector de prefijo de atributo (que usa una forma de expresiones regulares). En su caso, lo siguiente probablemente haría el truco:
[id^="edit-field-geolocation-proximity-center-geocoder"] .form-item { /* your styles here :) */ }Este hilo ofrece muchos métodos excelentes adicionales sobre cómo usar expresiones regulares en CSS si desea leer más.