Я пытаюсь применить стилизацию к тегу дочернего компонента, но не могу этого сделать.
У меня есть дочерний компонент с тегом привязки.
Хотя у меня есть стиль для тега привязки в родительском компоненте, он не применяется. Какое решение для этого?
Рабочий код: http://plnkr.co/edit/CJCpV4ZbG7hdxT2AeSmt?p=preview
<a href="#" onclick="location.href='https://www.google.com'; return false;">Google</a>
В родительском компоненте я использую дочерний компонент и применяю стилизацию для этого дочернего компонента.
HTML-код:
<div class="container">
<div class="test">
<testapp></testapp>
</div>
</div>
Код CSS:
.container{
font-family:sans-serif;
font-size:18px;
border: 1px solid black;
}
.test{
width:50%;
background-color:#f0f5f5;
}
.container:hover .test{
background-color:#e6ffe6;
}
.container:hover .test:hover{
background-color:#ffffe6;
}
.container .test a {
color: red ;
}
.container .test a:hover {
color:green;
}