CSS如何使用#id选择器？代码实例

2021年3月31日17:52:23 发表评论 780 次浏览

#id选择器用于设置给定ID的样式。 id属性是HTML文档中的唯一标识符。 id选择器与＃字符一起使用。

语法如下：

#id {
    // CSS property
}

例子：

<!DOCTYPE html>
< html >
     < head >
         < title >#id selector</ title >
          
         <!-- CSS property using id attribute -->
         < style >
             #gfg1 {
                 color:green;
                 text-align:center;
             }
             #gfg2 {
                 text-align:center;
             }
         </ style >
     </ head >
      
     < body >
          
         <!-- id attribute declare here -->
         < h1 id = "gfg1" >lsbin</ h1 >
         < h2 id = "gfg2" >#id selector</ h2 >
     </ body >
</ html >

输出如下：