选择器body>div 只操作body下级的div。div1+div2 只选择div1 同级 随后 相邻最近的div2div1~p 选择div1下所有的p属性选择器[attr]{} 例：[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 选择所有class属性，并且属性值唯一为nav-开头的元素[class~="nav"]{color:red;} 选择所有class属性，并且包含单个完整的nav属性值的元素[class1][class="text"]{color:red;}选择具有class1属性，并且具有class属性且属性值唯一为text的元素

新特性

新增各种CSS选择器 （: not(.input)：所有 class 不是“input”的节点）

圆角 （border-radius:8px）

多列布局 （column）

阴影和反射 （Shadow\Reflect）

文字特效 （text-shadow）

线性渐变 （gradient）

旋转，缩放,定位,倾斜 （transform

多背景，背景裁剪

派生选择器 可以使一个元素里的子元素定义样式 例如： li a { font-size:14px} 就是给li下的子元素a定义一个14px号像素的字体样式 类别选择器 在html中引入css样式通常由，类别选择器 在CSS中用一个“.”点开头表示 如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用class="类别名"的方法调用： 这里是内容 类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除 还有，id选择器 在CSS中用“#”号开头表示 如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用id="类别名"的方法调用： 这里是内容 id选择器和类别选择器其实是一样的 通常id选择器仅是用来表示不重复的样式 相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段

css中的所有元素都是选择器，不论新元素还是旧元素，都是对标签的选择。