CSS3認識偽類選擇器LOGIN

CSS3認識偽類選擇器

CSS3偽類選擇器簡單介紹:
在標準瀏覽器興起之前,如果說到偽類選擇器可能很多初學者都比較陌生,但是對:link,:focus和:hover這幾個原則器都會比較熟悉,因為它們常用在連結狀態樣式的設置,其實它們就是偽類選擇器。
偽類別選擇器基本語法:

  selector:pseudo-class{
  property:value;
}

結構分析:
1.selector:其他的css選擇器。
2.:pseudo-class:偽類選擇器。
3.property:value:對應的樣式屬性和值。

程式碼實例如下:   

a:link{color:red;}
a.title:link{color:blue;}



#下一節
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1 :target p{ color: red; }; </style> </head> <body> <div id="div1"> i am div1 <div id="div2"> i am div2 <p>pppp</p> </div> </div> <a href="#div2">click me</a> </body> </html>
章節課件