Ya no necesitas indagar más en otros sitios ya que llegaste al espacio correcto, contamos con la solución que necesitas hallar pero sin complicaciones.
Solución:
En realidad, no puede hacer una referencia (una de las principales fallas de CSS), pero puede hacer esto:
.btn:active, .red
/* Block A: Most (or all) of what used to just be in .red below */
.btn:active
/* Block B: Stuff *just* for .btn:active, if any */
.red
/* Block C: Stuff *just* for .red, if any */
La coma significa que las definiciones en el cuerpo del Bloque A se aplican por separado a cada de esos selectores, por lo que se aplican a cualquier elemento “.btn” que esté “:activo”, y se aplican por separado a cualquier elemento “.red”.
El Bloque B y el Bloque C son opcionales. Son para cualquier definición que solo desee aplicar al selector dado. Por lo general, enumeras estos después Bloque A porque las reglas de igual especificidad se aplican de arriba a abajo, por lo que puede anular cualquier cosa del Bloque A que desee en el Bloque B o el Bloque C, y esos bloques “ganarán”.
Sección de Reseñas y Valoraciones
Si tienes alguna indecisión o disposición de acrecentar nuestro artículo eres capaz de realizar una anotación y con mucho placer lo ojearemos.