Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/01/2018, 06:38
TrinityCore
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 7 meses
Puntos: 12
Selector de ID doble

Buenas gente, espero esten bien.

Veran, queria saber si habria manera de hacer un selector de Doble ID (se que se puede), pero lo que quiero es que seleccione un ID y el "doble" que sea cualquiera...

Me explico, imaginen la situacion en donde quiero darle un aspecto x a una ventana.
Código CSS:
Ver original
  1. #window{
  2.     background-color:rgba(255,255,255,1);
  3.     border:1px solid rgba(0,0,0,0.5);
  4.     border-radius:2px 2px;
  5.     width:50vmin;
  6.     height:30vmin;
  7. }

Perfecto, la ventana #window tiene un aspecto, pero imaginen que ahora quiero darle un aspecto diferente, ya que esta ventana la usare en muchas ocaciones y su aspecto ha de variar, lo haria asi..
Código CSS:
Ver original
  1. #window#aspect1{
  2.     background-color:rgba(255,255,255,0.5);
  3.     border:1px solid rgba(0,0,0,0.2);
  4.     border-radius:0px 0px;
  5.     width:30vmin;
  6.     height:15vmin;
  7. }

hasta aqui bien, puedo usar la base de window y retocarla con otro ID sin modificar la original, ahora me sirve para dos usos.
Pero imaginen ahora que tengo varias... y claro, cada #window tiene hijos, por lo que hacer lo anterior con cada una y mas teniendo en cuenta los hijos seria un volon de pelo.

¿podria existir algo que facilite el tema de los hijos?
por ejemplo (esto es una forma de que entiendan no sirve de nada)
Código CSS:
Ver original
  1. #window#aspect2:child*{
  2.     background-color:rgba(255,255,255,1);
  3.     border:1px solid rgba(0,0,0,0.5);
  4.     border-radius:2px 2px;
  5.     width:50vmin;
  6.     height:30vmin;
  7. }

De esta manera me ahorraria hacer esto
Código CSS:
Ver original
  1. #window#aspect2{
  2.     background-color:rgba(255,255,255,1);
  3.     border:1px solid rgba(0,0,0,0.5);
  4.     border-radius:2px 2px;
  5.     width:50vmin;
  6.     height:30vmin;
  7. }
  8. #window#aspect2 .image{
  9.     background-image:....;
  10. }
  11. #window#aspect2 .title{
  12.     color:....;
  13. }

¿Seria posible?