Cómo conseguir estilo solo para componentes de cabecera y zapata

No veo problema con las consultas de medios. Las reglas se detectan mediante el selector y todo funciona bien. Yo añado clases y estilo de set solo para móviles y funciona.

Sí, los estilos están en otro contenedor ('editor. CssComposer.getAll()'), así que es un poco más difícil y no existe una API para extraer todos los estilos coincidentes.

Lo que sugeriría es hacer algo así

'''js const matchedRules = (component, rules) { const el = component.getEl(); Sea resultado = [];

rules.forEach(rule => { try { si (rule.selectorsToString().split(',').some( selector => el.matches(selector) )) { resultado.push(regla); } } atrapar (err) {} });

component.components().forEach(component => { result = result.concat(matchedRules(component, rules)) })

resultado de retorno; };

const allRules = editor. CssComposer.getAll(); const componentRules = matchedRules(tuComponent, allRules);

componentRules es ahora un array de reglas css Para conseguir el código harías algo así sea cssCode = ''; componentRules.forEach(rule => cssCode += rule.toCSS());

Por cierto, esto no es una solución definitiva, definitivamente tendrías que manejar también las reglas con las consultas de medios, así que tómalo como punto de partida  

@artf, ¡gracias!