css基本定義 first-child 元素屬性 套用樣式
支援CSS2 以上
用法：first-child
說明：
a tag 是第一個子元素
css定義：
a tag是第一個子元素 套用樣式
a:first-child {
font-size: 20px; 字型20像素
color: red; 字顏色red
background-color: yellow; 背景色 yellow
}
注意事項：
a tag 是第一個子元素，
如果在div裡面的第一個子元素，也算喔~
程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 first-child 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
a:first-child {
font-size: 20px;
color: red;
background-color: yellow;
}
</style>
</head>
<body>
<a href="#1">a tag test 1</a>
<div>
<a href="#2">a tag test 2</a>
</div>
<a href="#3">a tag test 3</a>
</body>
</html>
會有二個tag被套用~
a1及a2
圖1：
測試結束~
如果還不了解可參考：w3schools CSS Selector Reference
感謝~
其它文章
沒有留言:
張貼留言