HTML基础之CSS-id选择器

最新推荐文章于 2024-02-04 19:05:52 发布

原创最新推荐文章于 2024-02-04 19:05:52 发布 · 431 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI界面设计 #HTML5 #HTML常用标签 #HTML #前端设计

HTML+CSS+JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文通过一个简单的HTML示例展示了如何使用ID选择器来为页面元素指定特定的样式。示例中定义了一个ID为'hehe'的选择器，并应用于一个div和一个p标签，使其背景颜色发生变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下为id选择器的代码

<!DOCTYPE html>
 <html>
   <head>
      <title>HTML示例</title>
      <style type="text/css">
	   /*  div#hehe{
		   background-color:gray;
         }
	     p#hehe{
		 
			background-color:gray;
		    
		 }
		 */
		 
		 #hehe{
		 
		   background-color:#ff33ff;

		 }

	  </style>
   </head>
    <body>
    ***id选择器
	         <br/>
	   *每个html标签上面都有  id <br/><br/>
	   <div id="hehe">生活处处充满了艰辛</div>
	    
		<p id="hehe">aaaaaaaaaaaaaaaaaa</p>
   </body>
</html>