CSS的伪类与伪元素
2012-07-09 18:03
218 查看
css1支持的伪类:
:active //向被激活的元素添加样式。
:hover //当鼠标悬浮在元素上方时,向元素添加样式。
:visited //向已经被访问的链接添加样式。
:link //向未被访问的链接添加样式。
css2新增的伪类:
:first-child //向元素的第一个子元素添加样式。
:focus //向拥有键盘输入焦点的元素添加样式。
:lang //向带有指定 lang 属性的元素添加样式。
:left //
:right //
提示:最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。
注释:必须声明 <!DOCTYPE>,这样 :first-child 才能在 IE 中生效。
=======================================================
css1支持的伪元素:
:first-line //伪元素用于向文本的首行设置特殊样式。
:first-letter //伪元素用于向文本的首字母设置特殊样式:
注释:"first-line"|"first-letter" 伪元素只能用于块级元素。
css2新增的伪元素:
:before //伪元素可以在元素的内容前面插入新内容。
:after //伪元素可以在元素的内容之后插入新内容。
例子:p:before{content:"url(logo.gif)"}
:active //向被激活的元素添加样式。
:hover //当鼠标悬浮在元素上方时,向元素添加样式。
:visited //向已经被访问的链接添加样式。
:link //向未被访问的链接添加样式。
css2新增的伪类:
:first-child //向元素的第一个子元素添加样式。
:focus //向拥有键盘输入焦点的元素添加样式。
:lang //向带有指定 lang 属性的元素添加样式。
:left //
:right //
提示:最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。
注释:必须声明 <!DOCTYPE>,这样 :first-child 才能在 IE 中生效。
=======================================================
css1支持的伪元素:
:first-line //伪元素用于向文本的首行设置特殊样式。
:first-letter //伪元素用于向文本的首字母设置特殊样式:
注释:"first-line"|"first-letter" 伪元素只能用于块级元素。
css2新增的伪元素:
:before //伪元素可以在元素的内容前面插入新内容。
:after //伪元素可以在元素的内容之后插入新内容。
例子:p:before{content:"url(logo.gif)"}
相关文章推荐
- CSS first-letter伪类元素的特点
- css 伪类与伪元素
- CSS中伪类和伪元素的区别
- 浅谈CSS伪类和伪元素及CSS3新增伪类
- 详解 CSS 属性 - 伪类和伪元素的区别
- CSS 伪类与伪元素
- CSS中伪类和伪元素的区别
- 详解 CSS 属性 - 伪类和伪元素的区别
- CSS中 伪类和伪元素的用法 --实现元素前后添加[]框
- css伪类,伪元素
- css中的伪类和伪元素
- CSS伪类元素 :after :before
- 详解 CSS 属性 - 伪类和伪元素的区别
- CSS中一些利用伪类、伪元素和相邻元素选择器的技巧
- 初学CSS-浮动、盒子模型、伪类、伪元素、定位———Day4学习笔记
- [CSS]伪类与伪元素
- 【笔记】css hover 伪类控制其他元素
- CSS基础-03 伪类,伪元素,before和after使用案例
- CSS中伪类和伪元素的区别
- CSS中 伪类和伪元素的用法 --实现元素前后添加[]框