1、CSS的路径是否正确。在源码里点一下CSS的链接，看看能不能打开。如果路径没问题，需要用 firebug 来调试了。看看 firebug 是否有报错，只能一步步去调试了。
创新互联建站是一家专业提供石景山企业网站建设,专注与成都网站设计、成都做网站、H5网站设计、小程序制作等业务。10年已为石景山众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
2、你的js，css路径有问题，没有引入。你的js，css中的某些方法或者样式，被你后来的方法或样式覆盖了 。你可以把你的报错，粘贴出来。
3、可以是JavaScript或css出错了，你用谷歌浏览器的调试工具调试一下，打开谷歌浏览器，按F12，看看有没有错误。
如果你的网页是通过鼠标双击打开的，那么浏览器出于安全考虑是不允许你的网页直接调用本地文件的。
LINK标签没有正确的被关闭。
不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
网页中的超链接可以通过CSS样式设置统一的外观和样式，例如颜色、字体、大小等。
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。
出现link所引用的css无效，原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应。另外，如果css代码写的有错误，即使路径正确也会导致css文件样式不会生效。
这是因为上面那个 .navlist a 的优先级比 .home 高（因为它是双选择器优先级累加），所以 .home 的样式不起效。
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。
或者你在加一个.navliulli{设置样式 }，但是这样都是不太对的方法，会导致样式覆盖的问题。一般我们开发的时候为了避免出现这样的问题都会给他们指定一个类名，这样就不会出现样式冲突的问题了。
解决方法如下：需要加入rel=stylesheet就可以解决了。rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用，一般不需要改动的。
但必须符合XHTML的语法。这种是现在通用的方法，用dreamweaver创建网页时默认就是这种类型。aa2cn Strict类型：严格类型，使用时浏览器将相对严格，不允许使用任何表现形式的标识和属性，如在元素中直接使用bgcolor背景色属性等。
使用命令：运行完成之后，打开 config 目录下的 webpack.config.js 文件，找到 test： cssRegex 这一行，在 use 属性执行的方法中添加 modules： true，如下：该方法同样需要引入，只是名字不需要是.module.css了。