CSS3

CSS3 知识量：11 - 43 - 138

2.10 属性选择器><

什么是属性选择器- 2.10.1 -

属性选择器可以基于元素的属性来匹配元素，CSS3的属性选择器也支持基于模式匹配来定位元素。

属性选择器的语法- 2.10.2 -

属性选择器的语法如下表所示：

选择器	说明
E[attr]	选择具有属性attr的E元素。E省略时，表示选择定义了attr属性的所有元素。
E[attr=val]	选择具有属性attr的E元素，且属性值为val（不区分大小写）。
E[attr\|=val]	选择具有属性attr的E元素，且属性值为val或以val-开头。
E[attr~=val]	选择具有属性attr的E元素，且属性值具有多个空格分隔的值，其中一个值等于val。
E[attr*=val]	选择具有属性attr的E元素，且属性值任意位置包含了val。
E[attr^=val]	选择具有属性attr的E元素，且属性值以val开头。
E[attr$=val]	选择具有属性attr的E元素，且属性值以val结尾。

以上选择器中涉及了通配符，简要说明如下：

^ 匹配起始符。例如：p[class^=pro] 表示选择类名以“pro”开头的所有p元素。
$ 匹配终止符。例如：a[href$=php] 表示选择href属性值以“php”结尾的所有a元素。
* 匹配任意字符。例如：input[name*=man] 表示选择name属性值中（任意位置）包含“man”的input元素。

CSS3

1.简介

1.1 什么是CSS3

1.2 渐进增强

2.CSS3选择器

2.1 选择器简介

2.2 基本选择器

2.3 层次选择器

2.4 动态伪类选择器

2.5 目标伪类选择器

2.6 语言伪类选择器

2.7 UI元素状态伪类选择器

2.8 结构伪类选择器

2.9 否定伪类选择器

2.10 属性选择器

2.11 伪元素

3.CSS3边框

3.1 边框简介

3.2 边框颜色属性

3.3 图片边框属性

3.4 圆角边框属性

3.5 盒子阴影属性

4.CSS3背景

4.1 背景基本知识

4.2 背景原点属性

4.3 背景裁剪属性

4.4 背景尺寸属性

4.5 CSS3多背景

5.CSS3文本

5.1 CSS3文本简介

5.2 文本阴影

5.3 文本溢出

5.4 文本换行

6.CSS3颜色

6.1 网页色彩特性

6.2 CSS3透明属性

6.3 CSS3颜色模式

7.CSS3盒模型

7.1 盒模型简介

7.2 CSS3盒模型属性

7.3 更多盒模型属性

8.CSS3伸缩布局盒模型

8.1 Flexbox模型基础知识

8.2 Flexbox模型术语

8.3 Flexbox模型的应用

9.CSS3多列布局

9.1 多列布局简介

9.2 多列布局属性详解

10.响应式设计

10.1 媒体类型

10.2 媒体特性

10.3 响应式设计

11.嵌入Web字体

11.1 @font-face模块

11.2 应用@font-face

2.10 属性选择器><

什么是属性选择器- 2.10.1 -

属性选择器的语法- 2.10.2 -