css 伪类选择器
2015-01-30 21:36
609 查看
1.first-line 伪元素选择器
用于元素的第一行的文字使用的而样式。
如:div:first-line{color:red;},该样式定义了div标签内的第一行文字的颜色。
2.first-letter 伪元素选择器
用于为元素的首字母或第一个字使用的样式。
如:div:frist-letter{font-size:20px;},该样式定义了div标签内的首字母或文字使用20px的字体大小。
3.before伪元素选择器
用于在元素之前插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容前面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。
4.after伪元素选择器
用于在元素之后插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容后面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。
5.root选择器
root选择器应用于页面文档的根目录。该样式只用于页面中存在元素的地方。
使用方法::root{background-color:red},假如页面中只有一段文字,那么这段文字的背景为红色。它只包含网页中的信息部分,和body所包含的区域不同。
6.not选择器
过滤、排除作用,如果想排除某个元素下面的子元素不使用此样式,可以选择not选择器。
使用方法:div:not(span){},排除div元素下面的span标签使用此样式。
7.empty选择器
当页面元素内容为空白时使用的样式。
如::empty{background-color:red},在页面中元素内容为空的背景色设为红色。
用于元素的第一行的文字使用的而样式。
如:div:first-line{color:red;},该样式定义了div标签内的第一行文字的颜色。
2.first-letter 伪元素选择器
用于为元素的首字母或第一个字使用的样式。
如:div:frist-letter{font-size:20px;},该样式定义了div标签内的首字母或文字使用20px的字体大小。
3.before伪元素选择器
用于在元素之前插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容前面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。
4.after伪元素选择器
用于在元素之后插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容后面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。
5.root选择器
root选择器应用于页面文档的根目录。该样式只用于页面中存在元素的地方。
使用方法::root{background-color:red},假如页面中只有一段文字,那么这段文字的背景为红色。它只包含网页中的信息部分,和body所包含的区域不同。
6.not选择器
过滤、排除作用,如果想排除某个元素下面的子元素不使用此样式,可以选择not选择器。
使用方法:div:not(span){},排除div元素下面的span标签使用此样式。
7.empty选择器
当页面元素内容为空白时使用的样式。
如::empty{background-color:red},在页面中元素内容为空的背景色设为红色。
相关文章推荐
- Css3伪类选择器中的动态伪类
- CSS-伪类选择器
- CSS——选择器——伪类
- css伪类选择器详细解析及案例使用-----伪类选择器(1)
- 关于CSS伪类选择器
- CSS 3 中的伪类选择器
- CSS中伪类选择器及伪元素
- css中新增加的伪类选择器
- CSS伪类选择器介绍和使用
- css对边框的属性控制和链接的伪类选择器
- 关于css伪类选择器
- CSS 目标伪类选择器
- CSS-伪类选择器
- CSS结构伪类选择器
- HTML与CSS基础之伪类选择器(三)
- CSS动态伪类选择器温故-3
- CSS-24.a标签的伪类选择器
- CSS 语言伪类选择器
- CSS-表单伪类选择器
- css小笔记 样式类型,选择器类型,伪类选择器类型