[Angular] CSS in angular-cli working but CSS in styleurl of component not working

[Academia Learning Centro de inglés y de formación]

Hello,

On both occasions the css is loaded in the head of the html but if it is declared in the angular-cli styles apply to the html elements and 

if I declare it in the component's styleurl, although it is loaded into the html, it does not apply to the elements Html.

Any suggestions?

[Miroslav Zografski]

Please, provide codw sample of one of your components with style that dies not apply. Together with its template.

[Academia Learning Centro de inglés y de formación]

Hello, If I declare the css in angular-cli.json works

"styles": [    

      "app/client/patient/search/components/resources/css/component-search.css",

       "styles.css"

],

But if I declare it in the component's styleurl

@Component({

    selector: 'hn-search',

    templateUrl: './resources/template/component-search.html',

    styleUrls: ['./resources/css/component-search.css']

})

Is also loaded into the html but then does not work on the element.

Thanks

[Academia Learning Centro de inglés y de formación]

Help

[Sander Elias]

Hi,

Reproduce your issue in a plnk, and it becomes much easier to help you. 

[Academia Learning Centro de inglés y de formación]

Thanks, I found the problem, this was

encapsulation: ViewEncapsulation.None,