css伪类
工作到现在也算做过个把项目,但是都是囫囵吞枣,碰到什么问题,想做什么效果就上网搜一搜,倒是能在项目里做出来,但是完全没有太多深入的理解,也没有积累,项目结束,不知道这些做过的东西如何把握住,不如从来再来,把遇到过的知识从新梳理一遍吧,以后就慢慢积累了。感觉要写的东西还挺多,慢慢写好了,忙起来就懒得写了,其实还得坚持写一写,免得以后忘了又得从头找。写的东西都是基础,都很简单,基本就是给自己做个日记用的。
伪类:对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。
伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。
伪类有::first-child ,:link:,vistited,:hover:,:active,:focus,:lang,:right,:left,:first
伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。
比如给一个超链接增加动态效果代码如下:
1 a:link {color: #FF0000} 2 a:visited {color: #00FF00} 3 a:hover {color: #FF00FF} 4 a:active {color: #0000FF}
注释:在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!
注释:在 CSS 定义中,a:active 必须位于 a:hover 之后,这样才能生效!
除了伪类还有为元素,懒得介绍了,为元素一般有::first-letter, :first-line, :before, :after