01 CSS3-选择器详解（一）

选择器详解（一）

一，属性选择器

CSS3中追加三个属性选择器，这样的选择器具有通配符的概念

1，[att*=val]

选择属性值包含有val字符串的所有标签

2，[att^=val]

选择属性值以val字符串开头的所有标签

3，[att$=val]

选择属性值以val字符串结尾的所有标签

att指选择器，val指选择器后对应的属性值

API权威解释

示例：

二，结构性伪类选择器

1，:first-line

向某元素中的第一行文字使用样式

2，:first-letter

向某元素中文字的首字母或第一个字母使用样式

3，:before

向某元素之前插入一些内容

4，:after

向某元素之后插入一些内容

API权威解释


示例：

三，root、not、empty和target

1，:root

将样式绑定在页面的根元素上，根元素是指文档中最顶层的元素

2，:not

排除某元素的子结构元素时使用的样式

3，:empty

选择当前选择器中内容为空白时使用的样式

4，:target

对页面中的target元素指定样式，该样式只在用户点击页面中的超链接，并且跳转到target元素后起作用

API权威解释

示例：