为了使用CSS实现HTML页面中元素的一对一,一对多或多对一控制,需要CSS选择器。
HTML页面中的元素是通过CSS选择器控制的。
css伪类选择器
伪类挑选器介绍
伪类挑选器(简称:伪类)经过冒号来界说,它界说了元素的状况,如点击按下,点击完成等,经过伪类能够为元素的状况修正款式。
伪类的功用和一般的DOM中的元素款式类似,但和一般的DOM中的元素款式不一样,它并不改变任何DOM内容。仅仅插入了一些润饰类的元素,这些元素关于用户来说是可见的,可是关于DOM来说不行见。伪类的效果能够经过增加一个实践的类来到达。
何为伪类?
便是css内置类css内部本身赋予它一些特性和功用,也便是你不必再class=…或id=…你就能够直接拿来运用,当然你也能够改变它的部分属性比如:a:link{color:#FF0000;}
伪类挑选器的分类
伪类挑选器首要能够分为:动态伪类挑选器、UI元素状况伪类挑选器、结构伪类挑选器、否定伪类挑选器。
下面具体介绍这些分类的挑选器语法:
1.动态伪类挑选器语法
E:link(链接伪类挑选器):挑选匹配的E元素,并且匹配元素被界说了超链接并未被访问过。常用于链接描点上
E:visited(链接伪类挑选器):挑选匹配的E元素,并且匹配元素被界说了超链接并已被访问过。常用于链接描点上
E:active(用户行为挑选器):挑选匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上
E:hover(用户行为挑选器):挑选匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover
E:focus(用户行为挑选器):挑选匹配的E元素,并且匹配元素获取焦点
动态伪类挑选器能够用于超链接a标签的应用中:
a标签有4种伪类(即对应四种状况),如下:
:link“链接”:超链接点击之前
:visited“访问过的”:链接被访问过之后
:hover“悬停”:鼠标放到标签上的时候
:active“激活”:鼠标点击标签,可是不松手时。