css3选择器
2015-04-11 09:23
197 查看
/** * 1、基本选择器 * 1.1、通配符选择器(*) * 1.2、元素选择器(E) * 1.3、id选择器(#id) * 1.4、class选择器(.class) * IE6中不支持多类选择器(.class1.class2),等价于只有末尾的类名(.class2) * 1.5、群组选择器(selector1, selector2...) * * 2、层次选择器 * 2.1、后代选择器(E F) * 2.2、子选择器(E > F) * 2.3、相邻兄弟选择器(E + F) * 2.4、通用兄弟选择器(E ~ F) * E选择器后面的所有为F选择器的兄弟元素 * * 3、伪类选择器 * 3.1、动态伪类选择器 * 3.1.1、:link * 3.1.2、:visited * 3.1.3、:hover * 3.1.4、:active * 3.1.5、:focus * 3.2、目标伪类选择器(:target) * 3.3、语言伪类选择器(:lang(语言名)) * 3.4、UI状态伪类选择器 * 3.4.1、:checked * 3.4.2、:enabled * 3.4.3、:disabled * 3.5、结构伪类选择器 * 3.5.1、:first-child * 3.5.2、:last-child * 3.5.3、:root * 3.5.4、:nth-child() * 3.5.5、:nth-last-child() * 3.5.6、:nth-of-type() * 3.5.7、:nth-last-of-type() * 3.5.8、:first-of-type * 3.5.9、:last-of-type * 3.5.10、:only-child * 3.5.11、:only-of-type * 3.5.12、:empty * 选择没有任何内容的元素,没有任何内容包括空格,用来处理后台输出空类容时。 * 3.6、否定伪类选择器(:not()) * * 4、伪元素选择器 * 4.1、::first-letter * 4.2、::first-line * 4.3、::before * 4.4、::after * 4.5、::selection * ::selection仅接收两个属性background和color * * 5、属性选择器 * 5.1、E[attr] * 5.2、E[attr=val] * 5.3、E[attr|=val] * 属性以val开头或val-开头 * 5.4、E[attr~=val] * 属性以空格隔开其中一个是val * 5.5、E[attr*=val] * 5.6、E[attr^=val] * 5.7、E[attr$=val] */
相关文章推荐
- 不可不看!CSS3中三十一种选择器用法
- Atitit.隔行换色 变色 css3 结构性伪类选择器
- css3基本选择器
- CSS3选择器详解二
- CSS3选择器:nth-of-type
- css3新的选择器
- 使用CSS3伪类选择器美化按钮
- css3选择器
- css3之选择器
- css3选择器
- css3选择器
- CSS3学习笔记 之 动态伪类选择器
- CSS3选择器之:nth-child(n)
- CSS3选择器(二)
- CSS3与页面布局学习总结(一)——概要、选择器、特殊性与刻度单位
- CSS3选择器详解实例说明
- CSS3选择器详解
- css3基础 :target 目标伪类选择器 简单示例
- CSS3 伪类选择器 nth-child()说明
- CSS3 的 伪类选择器:nth-child()