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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容