奇怪的CSS问题。。求大神

自己写网站的时候碰到了一个好奇怪的css问题，实在是解决不了，特发布于此，求大神帮忙看看。 问题是这样的，两个完全一样的html dom。但是显示的效果不同。

1. 页面效果，这三个li的效果理论上应该是一样的，如下：

2. html代码如下： Li代码： 全部的li，共三个

只贴出前两个

3. chrome console 调试框如下： 第一个li下的css信息：

第二个li下的css信息：

4. 从这几个截图中可以看到，html代码是完全一样的，但是从console里的style可以看到，用到的css是不一样的。而且在第二个li的console里的style压根没有.sidebar .nav>li.nav-profile的css。。 猜想如下：
5. .sidebar .nav>li.nav-profile 只能引用第一层 验证失败
6. html 代码不一样，验证过了，完全一样
7. 框架bug。。。用到的是bootstrap和在此基础上构建的页面展示框架colorAdmin

不知道问题描述清晰了没有？如有疑问，请留言，万分感谢