4-4. id选择器

1、ID 选择器允许以一种独立于文档元素的方式来指定样式。
作用: 根据指定的id名称找到对应的标签, 然后设置属性。
ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。

#intro {font-weight:bold;}

ID 选择器引用 id 属性中的值:

<p id="intro">This is a paragraph of introduction.</p>

2、注意点:

  • 每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id
  • 在同一个界面中id的名称是不可以重复的,也就是说在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。
  • 在编写id选择器时一定要在id名称前面加上#
  • id选择器可能是区分大小写的。这取决于文档的语言,HTML 和 XHTML 将类和 ID 值定义为区分大小写,id值的大小写必须与文档中的相应值匹配。
  • id选择器不能结合使用,因为id属性不允许有以空格分隔的词列表
  • 在企业开发中一般情况下如果仅仅是为了设置样式, 我们不会使用id ,因为在前端开发中id是留给js使用的
  • id选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和id值定义为区分大小写,所以类和id值的大小写必须与文档中的相应值匹配。

3、id的名称是有一定的规范的

  • id的名称只能由字母/数字/下划线 a-z 0-9 _
  • id名称不能以数字开头
  • id名称不能是HTML标签的名称,不能是a h1 img input ...
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*
        id: 每一个标签都有的属性,相当于是人的身份证号码,一个文件中之id不能重复
        id 取值: 字母,数字,下滑线_,命名,但是不能以数字开头,不使用标签名
        范围:整个文档,但是只能最多找到一个
        符号: #
        格式:
            #id
        用法:
            id选择器{
                规则;
            }
        */
        #word{
            color: red;
        }
    </style>
</head>
<body>
<p id="word">我是yi个段落</p>
</body>
图片.png

http://www.w3school.com.cn/css/css_selector_type.asp

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,510评论 18 139
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 845评论 0 1
  • 1、引言 数据库设计过程中表、字段等的命名规范也算是设计规范的一部分,不过设计规范更多的是为了确保数据库设计的合理...
    SnowflakeCloud阅读 40,896评论 0 48
  • 人累可以睡一会 人愁可以消一阵 人急可以缓一会 人醉可以醒一阵 那心累呢 心的压力 难以承受 如何解压 唯一办法 ...
    旖旎i阅读 290评论 4 14
  • —1— 《想你》 想你的第一天 抱着月牙数星星 数不清啊 —2— 《暗恋》 看见你笑 我心狂跳 真他妈美妙 —3—...
    沐拉拉阅读 158评论 1 3