css样式不起作用的原因

2019-08-14 09:38:39来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

在我们制作网页的时候都会用到很多css样式,若是我们细心一点就可以发现有些css样式是不起作用的,这是为什么呢?现在我们去看看css样式不起作用的原因。

以下好像就是一段错误的代码-----

<style type ="text/css">
<!-
a:hover{text-decoration:underline;color:blue}
a:link{text-decoration:underline;color: red}
a:visited{text-decoration:green}
->
</style>

<a href="http://www.aizhan.com/">爱米</a>

这是正确的代码---------

<style type ="text/css">
<!-
a:link{text-decoration:underline;color: red}

a:hover{text-decoration:underline;color:blue}
a:visited{text-decoration:green}
->
</style>

<a href="http://www.aizhan.com/">爱米</a>

为什么它回这样

1,首先有链接---没有有链接,还有鼠标在上面的效果?

2,第二步才能有鼠标在上面的效果------鼠标没有在上面或者没有取得焦点,怎么能有后面的点击后的效果?

3,最后才有点击后的效果。

呵呵,说得不很切切,明白意思就OK。

小编在这里介绍了css样式不起作用的原因,其实css代码没作用可能是因为下列代码和排列有关,我们把css代码使用顺序换一下就可以了。


原文链接:https://js.aizhan.com/web_authoring/css/6726.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:清除css浮动的常用方法

下一篇:css如何控制文本框宽度