css基本定義 連續定義元素套用樣式
支援CSS1 以上
用法：
說明：連續定義 套用樣式
1、在div 裡的 a tag
2、a tag 的class名稱是a1
3、指標移動到此tag
4、有title屬性值為test
以上四項成立才套用樣式
css定義：
div a.a1:hover[title=test]{
font-size: 30px; 字型30像素
color: blue; 字顏色blue
}
程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 連續定義元素套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
div a.a1:hover[title=test] {
font-size: 30px;
color: blue;
}
</style>
</head>
<body>
<a class="a1" href="#test1" title="test">這是a tag test1</a>
<div>
<a class="a1" href="#test2" title="titletest">這是a tag test2</a><br>
<a class="a1" href="#test3" title="test">這是a tag test3</a><br>
<a class="a1" href="#test4" title="test4">這是a tag test4</a><br>
</div>
<a class="a1" href="#test5" title="test">這是a tag test5</a>
</body>
</html>
圖1：
a tag test3 才符合套用
圖2：
測試結束~
如果還不了解可參考：w3schools CSS Selector Reference
感謝~
其它文章
留言列表
ZK (1)
