您的位置：首页 > Web前端 > CSS

CSS id选择器

2018-01-24 16:26 253 查看
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教程板块。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航