id選擇器
id選擇器的定義和用法:
語法結構一:
#myid{ Rules }
此語法結構能夠選擇id為myid的元素。
語法結構二:
E#myid{ sRules }
此語法結構能夠選擇id為myid的E元素。
實例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網(wǎng)</title>
<style type="text/css">
#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文網(wǎng)歡迎您</li>
<li>php中文網(wǎng)</li>
</ul>
<p id="mytest">php中文網(wǎng)歡迎您</p>
</div>
</body>
</html>代碼能夠把id為mytest元素的文本顏色設置為藍色。
特別說明:id在整個html文檔中應該是唯一的，但是下面的文檔中有兩個元素的id是相同的，但是還是實現(xiàn)了我們想要的效果，不過在大家實際操作中要杜絕這種現(xiàn)象。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網(wǎng)</title>
<style type="text/css">
li#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文網(wǎng)歡迎您</li>
<li>php中文網(wǎng)</li>
</ul>
<p>php中文網(wǎng)歡迎您</p>
</div>
</body>
</html>代碼能夠把id為mytest的li元素中的文本顏色設置為藍色。
