css伪类如何用
css伪类如何用?
CSS伪类是用来增加一些选中器的特别结果。
伪类的语法:
selector:pseudo-class {property:value;}
CSS类也可以运用伪类:
selector.class:pseudo-class {property:value;}
anchor伪类
在支撑 CSS 的阅读器中,链接的不一样状态都可以以不一样的方式显示
实例
a:link {color:#FF0000;} /* 未拜访的链接 */ a:visited {color:#00FF00;} /* 已拜访的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选择的链接 */
注意: 在CSS定义中,a:hover 必需被置于 a:link 和 a:visited 之后,才是有效的。
注意: 在 CSS 定义中,a:active 必需被置于 a:hover 之后,才是有效的。
注意:伪类的名称不区分大小写。
伪类和CSS类
伪类可以与 CSS 类配合运用:
a.red:visited {color:#FF0000;} CSS 语法
要是在上面的例子的链接已被拜访,它会显示为红色。
CSS :first-child 伪类
您可以运用 :first-child 伪类来选中父元素的首先个子元素。
注意:在IE8的以前版本必需声明 ,这样 :first-child 才干生效。
匹配首先个
元素
鄙人面的例子中,选中器匹配作为任何元素的首先个子元素的
元素:
实例
p:first-child { color:blue; }
匹配所有
元素中的首先个 元素
鄙人面的例子中,选中相匹配的所有
元素的首先个 元素:
实例
p > i:first-child { color:blue; }
匹配所有作为首先个子元素的
元素中的所有 元素
鄙人面的例子中,选中器匹配所有作为元素的首先个子元素的
元素中的所有 元素:
实例
p:first-child i { color:blue; }
CSS - :lang 伪类
:lang 伪类使你有能力为不一样的说话定义特别的法则
注意:IE8必需声明才干支撑;lang伪类。
鄙人面的例子中,:lang 类为属性值为 no 的q元素定义引号的类型:
实例
q:lang(no) {quotes: "~" "~";}
以上就是css伪类如何用的细致内容,更多请关注 百分百源码网 其它相干文章!