第二章 CSS3 选择器

1. 基本选择器：所有浏览器都可用
2. 层次选择器：基本所有浏览器都可用（部分 IE7+）
3. 伪类选择器：大部分 IE8+9 + 可用

   E:target：匹配 id 为 hash 的元素

   E:lang(language)：匹配 lang 属性的值为 language 的元素

4. 伪元素：IE6~8 仅支持单冒号，IE9 + 支持伪元素

   伪元素为 DOM 树没有定义的虚拟元素。不同于其他选择器，它不以元素为最小选择单元，它选择的是元素指定内容。

使用伪元素可以 DOM 的部分内容（并非整个 DOM）添加样式

1. 属性选择器：基本所有浏览器都可用（IE7+）

第三章 CSS3 边框

目前：

• border-color：浏览器支持的不是很好，尽量别用
• border-image：IE11 才支持，谨慎使用

  使用一张图片切成九宫格（切的顺序：TRBL），用 8 个边上个格为图片生成边框背景

• border-radius：浏览器支持的不错，IE9 + 可用

  参数：none | 水平参数 {1,4} / [垂直参数 {1,4}]?

• box-shadow：和 border 不同，box-shadow 不是盒模型的中的属性，不会计算到宽度

PS：图片圆角我测试可以直接使用，但图片内阴影直接设置无效需要将图片设置为背景，或外面套个 div 实现

第四章 CSS3 背景

• 多背景：IE8 + 支持

  多个背景用逗号隔开

原文地址：https://www.cnblogs.com/jffun-blog/p/10566083.html