首页 > > 网页制作 > css >

CSS id选择器

2018-06-24 02:14:18来源：未知阅读 ()

id选择器可以匹配具有指定id的元素对象。

特别说明:同一个文档中，id是唯一的，否则可能会出现问题。

id选择器是以"#"来定义的。例如:

#ant{color:red;}

将id为ant元素中的字体颜色设置为红色。

浏览器支持:

（1）.IE浏览器支持此选择符。

（2）.edge浏览器支持此选择符。

（3）.谷歌浏览器支持此选择符。

（4）.火狐浏览器支持此选择符。

（5）.opera浏览器支持此选择符。

（6）.safria浏览器支持此选择符。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
#ant {
  width:100px;
  height:50px;
  line-height:50px;
  border:1px dotted red;
  text-align:center;
}
</style>
</head>
<body>
<div id="ant">蚂蚁部落一</div>
<div>蚂蚁部落二</div>
</body>
</html>

上面的代码会设置id属性值为"ant"的div元素的相关样式。

原文地址是CSS id选择器一章节。

更多内容参阅CSS教程板块。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有