No, no hay anidamiento en CSS. Tendría que usar un preprocesador como Sass (y no, no es SASS), o MENOS. Luego puede usar funciones reales, variables de bucles, etc.
No estoy seguro de si esto es lo que busca, pero sus selectores se escribirían correctamente en CSS como:
td: hover {
transformar: escala (1.01);
/ * cualquier otro estilo de desplazamiento * /
}
- ¿De qué sirven las palabras clave de publicación y acción en el atributo de formulario en HTML?
- Cómo solucionar problemas de renderizado
- Cómo crear notificaciones en vivo como en Facebook y Quora usando PHP y MySQL
- ¿Cuáles son algunas ideas sobre el trabajo de desarrolladores de outsourcing en startups?
- Para crear un sitio web de mercado de múltiples proveedores; ¿Debo usar un sistema de gestión de contenido como WordPress?
td: hover .Subject {
transformar: escala (1.02);
/ * cualquier otro estilo de desplazamiento en la clase Asunto * /
}
Si la clase .Subject es hija del td, entonces cuando el td esté sobrevolado, se aplicará la segunda regla de estilo.
Si lo que desea es un estilo diferente cuando el .Subject está activado (puede desplazarse sobre el td y el sujeto no se ve afectado), reemplace la segunda regla con:
Asunto: hover {
transformar: escala (1.02);
/ * cualquier otro estilo de desplazamiento en la clase Asunto * /
}
En Sass (SCSS), la sintaxis para anidaciones es:
td {
transformar: escala (1);
&: desplazarse {
transformar: escala (1.01);
}
&. Sujeto: hover {
transformar: escala (1.02);
}
}
Eso compila a lo que tenía arriba.