todos los id que empiecen por aaa???

[AitorLopez]

Hola. No se si se puede hacer esto en ccs. Quiero hacer una regla para un id.

Este id, su nombre puede ser aaa1, aaa2, aaa3 y asi hasta muchos. Lo que que quiero es hacer la regla para el id que empiece por "aaa", pero que no tenga en cuenta las letras o digitos que encuentre despues de "aaa".

Un saludo.

[zarcorian]

Iniciado por AitorLopez

Hola. No se si se puede hacer esto en ccs. Quiero hacer una regla para un id.

Este id, su nombre puede ser aaa1, aaa2, aaa3 y asi hasta muchos. Lo que que quiero es hacer la regla para el id que empiece por "aaa", pero que no tenga en cuenta las letras o digitos que encuentre despues de "aaa".

Un saludo.

Lo siento, me perdi del todo... He leido tres veces tu post, y todavia no entiendo lo que quieres hacer... Podrias poner un ejemplo o expresarte con otras palabras por favor??

[AitorLopez]

HOla. A ver ahora. TEngo tres elementos que se llaman aaa1, aaa2 y aaa3.

Pregunto si se puede hacer una regla para elementos cuyo nombre sean aaa***, es decir, elementos cuyas tres primeras letras sean aaa, pero las demas pueden ser las que sean, como cuando haces una busqueda que puedes decir todo lo que empiece por z.

Espero haberme explicado ahora.

Un saludo.

[kseso?]

Sí.
Css3 --> Selectores avanzados (copio pego de librosweb):

elemento[atributo^="valor"], selecciona todos los elementos que disponen de ese
atributo y cuyo valor comienza exactamente por la cadena de texto indicada.

elemento[atributo$="valor"], selecciona todos los elementos que disponen de ese
atributo y cuyo valor termina exactamente por la cadena de texto indicada.

elemento[atributo*="valor"], selecciona todos los elementos que disponen de ese
atributo y cuyo valor contiene la cadena de texto indicada.

Fin del copy&paste.

¿Qué significa?
Primero, que debe definir para "elemento" a qué etiqueta afectará: div, hnº, span, a...
"atributo": pues eso, el atributo en el que buscará la cadena de texto indicada tras el signo igual (=).

En su caso, y suponiendo que sus "aaa..." sean h1 definiríamos así:

Código CSS:

h1[id^="aaa"] {/*propiedades*/}
 

Warninig: hay navegadores que no soportan estos selectores.

Sugerencia: si lo anterior (soporte por todos los navegadores) es imnegociable, debería declarar de la forma clásica:

Código CSS:

#aaa01, #aaa02, #aaa03, ... #aaaNN {/*propiedades*/}
 

[mtreik]

Veamos, creo que entiendo lo que dices, pero no el porque quieres hacerlo así, lo veo demasiado complicado... No sería más facil utilizar clases??? es decir creas una clase en css y se la asignas a todas las div que quieras.

Código HTML:

<div class="aaa">Contenido 1</div>
<div class="aaa">Contenido 2</div>
<div class="aaa">Contenido 3</div>
 

[AitorLopez]

Ok. Muchas gracias por la información, miraré a ver si funciona en explorer y en mozilla. Sabía que había unos selectores especiales, pero no como funcionaban, aunque con la explicacion de kseso, me ha quedado muy claro, a mi, y entiendo que a cualquier que busque esta información en este hilo, por eso desde aqui mi enhorabuena.

Ya se que con clases era mucho mas sencillo, pero quería ver como se hacia con estos selectores.

Un saludo.

[sanxuan]

Otra posibilidad es combinar "id" y "class".
Puedes usar id="aaa" junto a class="N1". Incluso junto a class="fila1 columna2".
Se pueden definir varias clases y separarlas mediante espacios.