Selector de ID doble

[g3kdigital]

Hay una solución y perdón de antemano decir esto tan seco, pero:

No uses id, usa clases.

Es decir, un ID es precisamente para un elemento único y no con variantes, con tipos, o similares, ni nada. Los id, son el último paso en las buenas prácticas usando css y hoy día, solo se recomienda su uso para combinarlo con javascript. El uso de clases es muy sencillo y permite la multiclase sin ningún problema y de hecho en tu ejemplo de caso de uso aplica muy bien y de hecho jejeje es la solución que siempre vas a encontrar en internet si haces una pequeña búsqueda. Ejemplo de uso con clases:

Código HTML:

<div class="window aspect1"></div>
<div class="window aspect2"></div>
 

Código CSS:

.window.aspect1{
    background-color:rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.2);
    border-radius:0px 0px;
    width:30vmin;
    height:15vmin;
}
 
.window.aspect2{
    background-color:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.5);
    border-radius:2px 2px;
    width:50vmin;
    height:30vmin;
}
 

Como mucho puedes hacer algo así:

Código HTML:

<div id="window1" class="aspect1"></div>
<div id="window2" class="aspect2"></div>
 

Código CSS:

[id*="window"].aspect1{
    background-color:rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.2);
    border-radius:0px 0px;
    width:30vmin;
    height:15vmin;
}
 
[id*="window"].aspect2{
    background-color:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.5);
    border-radius:2px 2px;
    width:50vmin;
    height:30vmin;
}
 

Pero nunca así, porque no es valido que hayan dos elementos con el mismo ID:

Código HTML:

<div id="window" class="aspect1"></div>
<div id="window" class="aspect2"></div>
 

Así veras que lo usan todos los frameworks o templates, proyectos importantes y referentes.

Es muy sencillo y de hecho si lo haces como pretendes (usando el mismo id o multi ids para varios elementos) vas a ver alarmas en todos los validadores de marcado oficiales.

Éxitos en tu proyecto y feliz día.