进入以后样式是这样的:css样式根本没有加载,这是为什么?
刷新了页面以后才可以出来,本身样式也是这样的:
找了半天原因,一点一点测试才发现
原来渲染的组件的父盒子的class='item'居然影响了css样式的内容,很奇怪,把class='item'修改成比如:class='abc'就可以了。
原文地址和更多信息:
https://www.3mooc.com/front/articleinfo/465
那就把按下后的样式和按下之前的样式设置一样就可以了a:link,a:viseted{ //当鼠标按下之前和按下之后的样式是相同的,所以刷新后也是一样的
fontsize:14px //字体大小为14px
color:#ff0000 //字体颜色为红色
text-decoration:none //没有下划线
}
a:hover{ //鼠标经过的时候
color:#00ff00 //颜色为蓝色
fontsize:15px//字体大小为15px
text-decoration:underline //有下划线
}
首先这个是当然的,css文件是样式文件,不在服务器执行,也不像ajax那样可以异步执行,所以你改了css样式是必须要刷新才能看到的。其次,浏览器解析代码都是从上到下的顺序,写在前面的先解析。最后,如果是你的css不能加载进来,那有可能是缓存问题