CSS ID选择器

2012/11/23 14:09:46作者：佚名来源：网络

移动端

【实例介绍】

CSS ID选择器

CSS ID选择器的使用方法跟class选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此其针对性更强。如先给某个HTML页面中的某个p标签起个ID，代码如下所示。

【基本语法】

<p id="one">此处为p标签内的文字</p>

【语法介绍】

在HTML的标记中只需要利用id属性，就可以直接调用css中的ID选择器。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
#one{font-size:20px; background:#999; color:090; }
</style>
<body>
<p id="one">ID选择器</p>
</body>
</html>

【代码分析】

上面的代码在浏览器中预览效果如图所示。

ID选择器运行效果