CSS的id 选择器

最新推荐文章于 2025-01-24 11:43:12 发布

最新推荐文章于 2025-01-24 11:43:12 发布 · 244 阅读

文章标签：

#CSS #id #选择器

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

一介绍

id选择器可以为标有特定id的HTML元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS中id选择器以"#" 来定义。

以下的样式规则应用于元素属性id="para1"。

二代码

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"> 
<title>菜鸟学习</title> 
<style>
#para1
{
	text-align:center;
	color:red;
} 
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>

三运行效果