《HTML5和CSS3权威指南》

《HTML5和CSS3权威指南》

css3部分：

（1）选择器：

    1）css3新增加的属性选择器：

         [att*=val]  含义：如果元素用att表示的属性的属性值中包含用val指定的字符的话，则该元素使用这个样式。

         [att^=val]  含义：如果元素用att表示的属性的属性值的开头字符为用val指定的字符的话，则该元素使用这个样式。

         [att$=val]  含义：如果元素用att表示的属性的属性值的结尾字符为用val指定的字符的话，则该元素使用这个样式。

    2）新增的伪类选择器

        first-line伪类选择器   某个元素的第一行文字使用的样式

        first-letter伪类选择器   某个元素中的文字的首字母或者第一个文字使用的样式         

        before <元素>:before{}用于在某个元素之前插入一些内容

        after <元素>:after {}用于在某个元素之后插入一些内容

    3）css3中的结构性伪类选择器

        选择器 root、not、empty、target

        1、root选择器：将样式绑定到页面的根元素中。：root{};

        2、not选择器：对某个结构使用样式，但是想排除这个结构元素下面的子结构元素，让它不实使用这个样式，可以使用not.     body*:not(h1){}

        3、empty选择器：指定当元素内容为空白时使用的样式。:empty{}

        4、terget选择器：对页面中某个target元素指定样式，该样式只在用户点击了页面的超链接，并跳转到target元素后起作用。

        选择器：first-child、last-child、nth-child、nth-last-child

        指定序号的子元素使用样式：nth-child(n)、nth-last-child(n)

        对所有奇数个子元素或第偶数个子元素使用样式

         nth-child(odd) nth-child(even)   在计算子元素式第奇数个子元素还是第偶数个子元素时，是联通父元素中的所有子元素一起计算的。

         选择器：nth-of-type  nth-last-of-type  只针对同类元素进行计算

           nth-child(α*n+β).α表示每次循环中共包含几种样式，β表示样式在循环中所处的位置。