Ver Mensaje Individual
  #3 (permalink)  
Antiguo 15/01/2018, 12:53
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Selector de ID doble

Yo te diría que uses IDs para lo que son, y las clases para lo que son. También ponerle nombres descriptivos sería bueno; para cuando te olvides dentro de unos meses y quieras retocar algo, o para el que venga después.

En tu caso, lo lógico sería #window.low_opacity.

Ahora, para responder a la pregunta original, que entiendo es cómo puedas simplificar código y no repetir las cosas hasta la saciedad: usa algún preprocesador CSS. A mí me gusta Sass, a otros Stylus, a otros LESS…

Código CSS:
Ver original
  1. // Creas tu mixin
  2. @mixin window($opacity, $border_opacity, $border_radius, $width, $height)
  3.   background-color: rgba(255,255,255,$opacity)
  4.   border: 1px solid rgba(0,0,0,$border_opacity)
  5.   border-radius: $border_radius
  6.   width: $width
  7.   height: $height
  8.  
  9. // Y luego creas tus estilos
  10. #window
  11.   &.low_opacity
  12.     +window(0.5, 0.2, 0, 30vmin, 15vmin)
  13.   &.otra_cosa
  14.     +window(1, 0.5, 5px, 30vmin, 15vmin)
  15.   // etc

Se pueden mejorar e incluso reducir alguna cosa, pero como ejemplo creo que vale.
__________________
(: