HTML5新標簽和CSS偽類

HTML5提供了很多新的標簽，由於HTML5的相容性比較差，HTML5的標簽常用於手機端 

<nav>
<footer>
<section>
<header>
<article>
<aside>
更多HTML5新標簽可以看W3Cschool

CSS3結構偽類選擇器

:first-child 選中第一個元素

:last-child 選中最後一個元素

:nth-child(n) 選中第幾個元素 其中n除了填寫數字代表第幾個元素外，填寫n代表選擇所有元素，2n代表選擇所有偶數元素，2n-1代表選擇所有奇數元素，even代表選擇偶數元素，odd代表選擇奇數元素

4n代表選擇4的倍數的元素。。。。。

CSS3屬性選擇器

div[class] 選擇div標簽所有有類的元素

div[class^=test] 選擇div標簽的類的名字以test開頭的元素

div[class$=test] 選擇div標簽的類的名字以test結尾的元素

CSS3偽元素選擇器

p::first-letter 選中段落第一個字

p::first-line 選中段落第行字

p::selection 滑鼠選中時段落的元素變化

！！！！！！重點！！！！！！！

p::after 和p::before（必須帶content值）

::after在元素內部的後面插入content值裡面的內容

::before在元素內部的前面插入content值裡面的內容

其中插入的為一個行內元素盒子