css无效的常见原因：div 标签未关闭、不当的DOCTYPE声明、不良嵌套等等，如果你正在纠结此问题，不妨参考下本文 div 标签未关闭 这是版面设计失效的最常见原因之一。
创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的老边网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
原因书写错误，查看是否写正确。分辨率不适用，需要调整到指定分辨率。
这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
设置scroll-box、scroll类样式。
但你建立CSS样式后最好把它单独存放到一个文件夹里面！方便你在后面制作子网页时可以直接调用 CSS。
不良嵌套 嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。
原因书写错误，查看是否写正确。分辨率不适用，需要调整到指定分辨率。
这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
不起作用的可能性：第一种可能，网站系统有缓存，后台或者手动清除缓存看下。第二种可能，css文件引入时候有误，请检查。第三种可能，css写的有误。
导致此问题有2种可能：设置的样式被强替换，覆盖失效。
特殊样式：某些超链接可能内置了自己的css样式，或者在文本中使用了行内样式，覆盖了全局样式效果。CSS优先级：在CSS样式中，使用针对性更强的选择器、属性或值时，会优先应用针对性较高的样式，覆盖掉全局样式。
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。
把块级元素设置成了行列元素时，css样式就不起效果了。
这是因为上面那个 .navlist a 的优先级比 .home 高（因为它是双选择器优先级累加），所以 .home 的样式不起效。
这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
我觉得应该也是浏览器缓存的问题，因为在之前打开网页时，浏览器已经缓存了你的layout.css文件，尽管你已经更新了layout.css文件，但是在此刷新时浏览器会默认加载缓存，即还是未更改之前的css文件，所以出不来效果。
首先，*：first-child这个伪类的作用是匹配*这个标签的第一个元素。但是事实上，有的浏览器并没有这样的解释这个伪类。所以为了准确不出错，需要另外一个选择器**：first-child。
伪类（pseudo-class）是 CSS 选择器的一种特殊类型，它允许你根据元素的状态或位置来应用特定样式，而无需为元素添加额外的 class 或 id。伪类以冒号（：）开头，后跟伪类名称。
伪类选择器hover可以在鼠标移到链接上时设置一些特殊样式，比如字体大小，背景颜色，显示隐藏等等。注意：伪类选择器hover 可以作用于所有元素，不仅仅是链接。与hover类似的选择器还有link，visited，active。
伪类选择器分为结构性、子元素、 UI、动态和其它伪类选择器备注：为了更好的区分伪类和伪元素，书写上CSS做了区分。
