CSS3选择器(一)
2015-07-15 14:00
531 查看
E[att^='val']
选择属性值以val开头的任何字符
E[att$='val']
选择属性值以val结尾的任何字符
E[att*='val']
选择属性值包含val的任何字符
:root
HTML层
:not([])
同jquery
:empty
选择没有任何内容的元素
:target
匹配文档的url的某个标志的目标元素
:first-child
选择父元素的第一个子元素
:last-child
:nth-child(n)
选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。
:nth-last-child(n)
从父元素的最后一个子元素开始计算,属性同上
:first-of-type:
指定父元素的第一个X元素
:nth-of-type(n)
选择父元素中指定的某种子元素类型
:nth-last-of-type(n)
选择父元素中指定的某种子元素类型,它的起始方向是从最后一个子元素开始
:first-of-type
选择是父元素下的某个类型的第一个子元素
:last-of-type
选择是父元素下的某个类型的最后一个子元素
:only-child
选择器选择的是只有一个子元素,而且只有唯一的一个子元素的元素。
:only-of-type
选择器选择的是只有一个(唯一的)某种子元素。
选择属性值以val开头的任何字符
E[att$='val']
选择属性值以val结尾的任何字符
E[att*='val']
选择属性值包含val的任何字符
:root
HTML层
:not([])
同jquery
:empty
选择没有任何内容的元素
:target
匹配文档的url的某个标志的目标元素
:first-child
选择父元素的第一个子元素
:last-child
:nth-child(n)
选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。
:nth-last-child(n)
从父元素的最后一个子元素开始计算,属性同上
:first-of-type:
指定父元素的第一个X元素
:nth-of-type(n)
选择父元素中指定的某种子元素类型
:nth-last-of-type(n)
选择父元素中指定的某种子元素类型,它的起始方向是从最后一个子元素开始
:first-of-type
选择是父元素下的某个类型的第一个子元素
:last-of-type
选择是父元素下的某个类型的最后一个子元素
:only-child
选择器选择的是只有一个子元素,而且只有唯一的一个子元素的元素。
:only-of-type
选择器选择的是只有一个(唯一的)某种子元素。
相关文章推荐
- MAC终端:如何调整字体大小和终端样式
- CSS3的REM设置字体大小
- css的一些重要而实用的属性
- css背景图片拉伸 以及100% 满屏显示
- CSS3绘制气泡提示框
- 基于css3 transform实现散乱的照片排列
- 流行浏览器内核分类及不同版本的样式区别
- CSS background-position用法详解
- css 规范标签
- Highcharts-ng 设置spline的legend symbol 样式为正方形
- CSS3动画属性
- 学习CSS(4)
- 常用的不易记忆的css自定义代码
- as3.0中为TextField的文字添加样式
- css编程思想总结
- css继承性和不继承的属性。
- css左右两栏布局
- 2015.7.14 第六课 课程重点(css:仿站及常见代码用法)
- css3 图片展示墙
- CSS Image Map —— CSS图片地图