css 样式不生效的原因

html-css018

css 样式不生效的原因,第1张

不生效的原因

选择器写错

语法错误

选择器路径有误

出现很多这种状况,怕路径出错,就复制路径,一不小心就复制多了一个选择器,所以出现css不生效的原因。复制的问题小心,切记。

html中,有的css样式在样式表里不起作用是设置错误造成的,解决方法为:

1、在如图网页中,我们可以看到style中的样式列表,以及所展示的效果图。

2、将style中的全部css样式选中,然后复制或者剪切。

3、然后ctrl+N新建一个CSS样式文件,如图所示,然后创建。

4、在创建的css样式文件中,将刚才复制的文件粘贴到这里。

5、在导出时,需要放到之前网页所在的同文件夹位置,可以新创建一个css文件夹,方便寻找导入。

6、然后回到html文件中,将之前的style样式全部删除即可,然后输入link链接标签,将之前保存的css样式链接进来,保存。

1、首先打开前端开发工具,新建一个HTML代码页面,如下图所示。

2、在html代码页面上创建一个父<div>和一个子<div>,同时给这两个div添加一个class分别为scroll-box、scroll。

3、给子<div>添加内容,为了让滚动条可以实现,尽量多添加一些内容。

4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式,给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽

5、最后保存html代码,然后使用浏览器打开,这个时候会发现滚动条已经不显示出来,但是页面内容依然可以滚动。