modulerizr/samples/sample-04-scopedStyles/scoped-styles-2.component.html

Integrate a powerful, component based architecture to your legacy project in just a few steps

<template name="scoped-styles-2">
    <style m-scoped>
        .local{
            color: brown;
        }
    </style>
    <div class="globalFromComponent1">This is a red text, because styles in component .scoped-styles-1 had no scope-attribute. </div>
    <div class="local">This is a brown text. But the selector is scoped. </div>
    <div class="local_1">This is a black text. Because the definition in the other component is scoped an does not affect this here.</div>
</template>