CSS文件引入无效果问题

情况如下：
引入语句 位置没错
css文件存在 且有样式

写代码的时候 提示可以选择到自己定义的样式 但是运行页面的时候却没有效果
求大神解惑 可能是什么原因导致的

样式级别一样吗？如li.red，你给div加class='red'肯定无效了

如图

是不是在html页面当中已经定义了样式？

是不是在html页面当中已经定义了样式？

检查引用路径是不是可以打开CSS文件，通过浏览器的查看源代码来操作；检查CSS语法正确性；检查脚本是不是影响了样式表；检查其它样式表是不是优先而影响了目标样式。

检查引用路径是不是可以打开CSS文件，通过浏览器的查看源代码来操作；检查CSS语法正确性；检查脚本是不是影响了样式表；检查其它样式表是不是优先而影响了目标样式。