为什么角度组件不尊重风格css？

Question

您好我使用角度为1.5x的Free SB-admin 2 wrapbootstrap工作

我有这个：

navigation.html

<ul class="nav navbar-top-links navbar-right">
    <alertas bindinone="navigation.bindinone._id"></alertas>
</ul>

alertas.html

<li uib-dropdown on-toggle="toggled(open)">
    <a href id="simple-dropdown" uib-dropdown-toggle>
        <i class="fa fa-bell fa-fw"></i>
        <span ng-show="alertas.valueOne  > 0" class="badge progress-bar-danger">
            {{alertasNavegacion.valueOne}}
        </span>
        <i class="fa fa-caret-down"></i>
    </a>
</li>

一切都很好，工作正常，但有些东西毁了风格，我把下一张图片与比较原创网和我的观点

这里有analisis控制台，inpect元素：

感谢阅读!!任何想法请!!!!!!!!

Answer 1

您好我找到了解决方案：

必须编辑CSS：

之前：

ul > li > a {
code...
}

后：

ul > alertas > li > a {
code...
}

我不知道如何避免ng-isolate-scope in摧毁风格，但我非常接近。 我希望这对你有所帮助。

感谢您的阅读