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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 