@group y @override en CSS?

He visto esto en una hoja de estilo y me pregunto si realmente hace algo y, de ser así, ¿qué hace? Google no parece ser útil para mí en este caso. He eliminado la URL del código, pero tenía curiosidad si esto realmente hizo algo. Veo que está comentado pero solo tengo curiosidad. ¿Es estrictamente estilístico ayudar al diseñador?@group y @override en CSS?

/* @override 
    <url of stylsheet> 
*/ 

/* @group Colors */ 

/* Orange - ff7800 */ 
/* Gray Blue - 373d4a */ 

/* @end */

Fuente

2011-04-23 Tyler Crompton

Como @frank mencionado, /* * @group/ y /* * @end/ son los metadatos utilizados por Espresso. A continuación se muestra una captura de pantalla de este metadato en acción. Las carpetas se crean en el Navegador a la derecha de la ventana.

Espresso With CSS Navigator

Si está utilizando VI a continuación, puede añadir el siguiente comentario en el archivo CSS para crear pliegues para una navegación rápida.

/* 
vim: set foldmethod=marker: 
vim: set [email protected],@end: 
vim: set nofoldenable: 
*/

Si no está familiarizado con vim pliega algunas de las combinaciones de teclas son:

:zM - Cierre todos los pliegues

:zuna - Plegado abierto

:zun - Cerrar veces

:zun - Alternar veces de apertura/cierre

VI folds in action

Fuente

2013-01-07 00:04:05

'@ override' también es una función exclusiva de Espresso ... le permite anular la hoja de estilo de una página activa con su hoja de estilos local. De esta forma, puede obtener una vista previa de cómo su hoja de estilo afectará a la página sin tener que cargar nada (muy útil para diseñar páginas dinámicas). – daGUY

Sí, solo son comentarios para quien está editando el archivo CSS. No tendrá ningún impacto en el diseño o la funcionalidad.

Fuente

2011-04-23 18:00:31

Se parecen a algunas metaetiquetas del editor. Supongo que @group es lo mismo que #region en visual studio y @override vincula otro archivo css para algo como intellisense, pero no he visto ningún editor que lo soporte, por lo que podría estar equivocado.

Fuente

2011-04-23 18:03:41

Cualquier cosa en el interior de estas cosas,

/* 
    Foo... 
*/

es un comentario. No es leído ni interpretado por ningún navegador, por lo que no tiene ningún impacto en la representación de la página web.

Mi conjetura es que este código,

/* @group Colors */ 

/* Orange - ff7800 */ 
/* Gray Blue - 373d4a */ 

/* @end */

podría ser utilizado por un intérprete de generar CSS, como SASS, cuando muestra su CSS final.

Sólo una conjetura ...

Fuente

2011-04-23 18:10:35 Blender

En mi pregunta, afirmé que sabía cuál era el comentario. :) –

Simplemente ignore el primer párrafo mah, entonces;) – Blender

¿De dónde sacó este archivo, podría preguntar? Tal vez tiene algunos más comentarios. – Blender

Esos son los meta tags utilizados por el editor de HTML/CSS Espresso (anteriormente conocido como CSSEdit).

Fuente

2012-02-01 23:19:04 Frank

Como muchos han señalado ya, @group es solo una manera de segmentar o agrupar su CSS.

CSS Edit pondrá todo el CSS en una bonita carpeta en la barra lateral de navegación para que pueda navegar fácilmente a través de grandes archivos CSS.

Me resulta útil cuando estoy convirtiendo algún sitio que tiene muchos archivos CSS, y quiero poner todos sus CSS en un solo archivo.

Utilizaré @group para segmentar CSS de cada uno de los archivos del sitio original ... uno @group para cada uno.

Fuente

2013-07-27 01:46:13 Zaridan

@group y @override en CSS?

Respuesta

Cuestiones relacionadas