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

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

#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 >

输出如下:

CSS | #id选择器1

支持的浏览器:支持的浏览器ID选择器下面列出:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 苹果浏览器
  • 歌剧

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: