Я использую ngb-tabset в своем приложении и использую «.nav-tabs .nav-link» в своем компоненте приложения для стилизации вкладок. Это работает. Но у меня есть ситуация, когда мне нужно применить другой стиль к одной из вкладок в дочернем компоненте. Я дал идентификатор родительскому DIV и применил стиль, как показано ниже. Но стиль применяется по умолчанию. Как я могу убедиться, что этот конкретный стиль применяется для этой вкладки. Пожалуйста, сообщите.
Ниже я попробовал.
HTML
<div id="overview__id" class="col-md-12 col-lg-10 mx-auto">
<ngb-tabset>
<ngb-tab>
SASS
#overview__id .nav-tabs .nav-link
border: none
margin-right: 0.25rem
color: #ffffff !important