码迷,mamicode.com
首页 > 其他好文 > 详细

id选择器

时间:2020-05-27 01:15:48      阅读:671      评论:0      收藏:0      [点我收藏+]

标签:杰克逊   不同   utf-8   --   一个人   定义   代码实现   asc   多个   

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

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

语法:

        #id名 {

             属性1: 属性1;

             .....

         }

        

      注意:id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 
   类选择器和id选择器的比较:
       1.类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
       2.id选择器好比人的身份证号码,全国唯一的,不得重复
       3.id选择器和类选择器最大的不同在于使用次数上。
       4.类选择器再修改样式中用的最多,id选择器一般用于页面唯一性元素上,经常和javascript搭配使用。
id选择器代码示例:
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>id选择器</title>
 7     <style>
 8         /* id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 */
 9         #pink {
10             color: pink;
11         }
12     </style>
13 </head>
14 <body>
15     <div id="pink">迈克尔杰克逊</div>
16     
17 </body>
18 </html>

 

 

代码实现为:

迈克尔杰克逊

id选择器

标签:杰克逊   不同   utf-8   --   一个人   定义   代码实现   asc   多个   

原文地址:https://www.cnblogs.com/qiujie-prion/p/12965605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!