vue css样式需要刷新才能加载出来

html-css04

vue css样式需要刷新才能加载出来,第1张

最近发现一个比较奇怪的问题，就是在开发vue中，路由点击跳转到另外一个组件中，样式是不出来的，然后刷新当前页面css样式才加载出来，找了好久才发现这个bug。

进入以后样式是这样的：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 //有下划线

}