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中文网</title>
<style type="text/css">
#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文网欢迎您</li>
<li>php中文网</li>
</ul>
<p id="mytest">php中文网欢迎您</p>
</div>
</body>
</html>代码能够把id为mytest元素的文本颜色设置为蓝色。
特别说明:id在整个html文档中应该是唯一的，但是下面的文档中有两个元素的id是相同的，但是还是实现了我们想要的效果，不过在大家实际操作中要杜绝这种现象。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li#mytest{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li id="mytest">php中文网欢迎您</li>
<li>php中文网</li>
</ul>
<p>php中文网欢迎您</p>
</div>
</body>
</html>代码能够把id为mytest的li元素中的文本颜色设置为蓝色。
