html5中的選取器

標籤：style   color   div   html   htm   type   c   text   css   

1、html5中的屬性選取器

<body>

<style type=text/css>

<!--1>完全符合選取器-->

[id=test]{

　　color:red;

　　//比較嚴格只是匹配元素中的id是test的選取器

}

<!--2>包含匹配屬性選取器-->

[id*=test]{

　　color:green;

//相比較完全符合的屬性選取器這個的範圍要廣泛，只要是選取器的值中要test就可以被改變

}

<!--3>首部字元匹配屬性選取器-->

[id^=test]{

　　color:blue;

//只要是選擇其中的頭部是test的話，就會受到影響

}

<!--尾部字元屬性選取器-->

[id$=test]{

　　color:yellow;

}

//只要是屬性選取器的尾部是test就會受到影響

</style>

<div id="test">Hello</div>

<div id="mytest">World</div>

<div id="tests>Thinks</div>

</body>

html5中的選取器