css中id选择符的标识是哪个

css中,id选择符标识是“#”,可以为标有特定id属性值的HTML元素指定特定的样式,语法结构“#ID值 {属性 : 属性值;}”。ID属性在整个页面中是唯一不可重复的;ID属性值不要以数字开头,数字开头的ID在Mozilla/Firefox浏览器中不起作用。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

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

语法结构如下:

#ID {  属性 : 属性值;}

下面的两个id选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

css中id选择符的标识是哪个

下面的HTML代码中,id属性为red的p元素显示为红色,而id属性为green的p元素显示为绿色:

css中id选择符的标识是哪个

值得注意的是:

  • ID属性在整个页面中是唯一不可重复的 。

    一个ID值在一个HTML文档中只能出现一次,也就是一个ID只能唯一标识一个元素(不是一类元素,而是一个元素)。

    即元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!

  • ID属性值不要以数字开头,数字开头的ID在Mozilla/Firefox浏览器中不起作用

id选择器和派生选择器

在现代布局中,id选择器常常用于建立派生选择器。

css中id选择符的标识是哪个

上面的样式只会应用于出现在id是sidebar的元素内的段落,这个元素很可能是div或者是表格单元,尽管它也可能是一个表格或者其他块级元素。它甚至可以是一个内联元素,比如<em></em>或者<span></span>,不过这样用法是非法的,因为不可以在内联元素<span>中嵌入<p>。

一个选择器多种用法

即使被标注为sidebar的元素只能在文档中出现一次,这个id选择器作为派生选择器也可以被使用很多次:

css中id选择符的标识是哪个

在这里,与页面中其他p元素明显不同的是,sidebar内的p元素得到了特殊的处理,同时,与页面中其他所有h3元素明显不同的是,sidebar中的h3元素也得到了不同的特殊处理。

单独的选择器

id选择器即使不被用来创建派生选择器,它也可以独立发挥作用:

css中id选择符的标识是哪个

根据这条规则,id为sidebar的元素将拥有一个像素宽的黑色点状边框,同时其周围会有10个像素宽的内边距(padding,内容空白)。老版本的windows/IE浏览器可能会忽略这条规则,除非你特别地定义这个选择器所属的元素:

css中id选择符的标识是哪个

感谢各位的阅读,以上就是“css中id选择符的标识是哪个”的内容了,经过本文的学习后,相信大家对css中id选择符的标识是哪个这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

文章标题:css中id选择符的标识是哪个,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/28647

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年9月22日 下午7:22
下一篇 2022年9月22日 下午9:53

相关推荐

  • Redis RESP协议如何实现

    回顾RESP协议 RESP是基于TCP来实现的Redis通信协议,该协议是以/r/n(行)进行分割的,协议支持5种类型,具体信息如下: 类型 前缀 备注 简单字符串 + 简单字符串以+开头 错误数据 – 错误数据以-开头 整数 : 整数以:开头 复杂字符串 $ 复杂字符串以$开头 数组 …

    2022年9月8日
    3600
  • 电脑0x0000001a蓝屏代码怎么解决

    解决方法: 第一种方法: 1、通过蓝屏代码提示,我们分析出这个蓝屏出错代码的缘由是: 代码:0x0000001a 原因:指定的磁盘或磁盘无法存取。 2、ntoskrnl.exe文件是N卡(显卡)的驱动程序文件。如果之前更新过了显卡的驱动程序,那就是它惹的祸。不妨先回滚驱动程序。 3、不行,再找到匹配…

    2022年9月16日
    18600
  • LDAP NULL bind导致登录绕过漏洞分析和修复方案是什么

    LDAP NULL bind匿名绑定导致登录绕过漏洞分析和修复方案 一、背景 1.1LDAP和认证过程 LDAP轻型目录访问协议是一个开放的,中立的,工业标准的应用协议,通过IP协议提供访问控制和维护分布式信息的目录信息。有优异的读性能,但写性能差。 LDAP作为开放的Internet标准,支持跨平…

    2022年9月13日
    12100
  • SQL中的开窗函数是什么

    OVER的定义 OVER用于为行定义一个窗口,它对一组值进行操作,不需要使用GROUP BY子句对数据进行分组,能够在同一行中同时返回基础行的列和聚合列。 OVER的语法 OVER ( [ PARTITION BY column ] [ ORDER BY culumn ] ) PARTITION B…

    2022年9月2日
    8300
  • MySQL安装常见报错怎么处理

    1.无法启动处理,错误1053 Windows 无法启动Mysql服务 错误1053:服务没有及时响应启动或控制请求 1.1 结束进程 处理方法: 1、在命令行中敲入tasklist查看进程 2、根据进程名杀死进程 taskkill /f /t /im 进程名称 1.2 更改网络服务 Server2…

    2022年9月15日
    20500
  • 知识库搭建的关键点有哪些

    按照知识管理中心(Knowledge Management Center)的研究和咨询实践,知识库建设必须遵循以下核心关键点:1、界定核心知识;2、控制知识产出;3、知识内容的组织;4、知识的利用;5、知识的创新应用。 当然,在你正式开始搭建知识库之前,最好是有一个合适的在线企业知识库管理系统,我们…

    2022年3月18日
    36700
  • Word尾注怎么合并注释文献

    尾注合并注释文献的方法: 1、首先打开电脑上面的word。 2、之后点击上面的“插入”。 3、然后在选择里面的“交叉引用”。 4、点击之后会出现一个窗口,选择“引用类型”, 然后去点击“要用的尾注”。 5、最后点击确定即可。 关于“Word尾注怎么合并注释文献”的内容就介绍到这里了,感谢大家的阅读。…

    2022年8月31日
    26800
  • SQL Server怎么使用CROSS APPLY与OUTER APPLY实现连接查询

    概述 CROSS APPLY 与 OUTER APPLY 可以做到:左表一条关联右表多条记录时,我需要控制右表的某一条或多条记录跟左表匹配的情况。 有两张表:Student(学生表)和 Score(成绩表),数据如下: 一、CROSS APPLY ROSS APPLY 的意思是“交叉应用”,在查询时…

    2022年8月29日
    7900
  • html中头部标签是什么

    html中“<head>”是头部标签。head标签用于定义文档的头部,它是所有头部元素的容器;文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。head中的元素有base、link、meta、script、style、title。 本教程操作环…

    2022年9月15日
    13000
  • 如何进行Apache Commons Collections反序列化漏洞分析与复现

    1.1 状态 完成漏洞挖掘条件分析、漏洞复现。 1.2 漏洞分析 存在安全缺陷的版本:Apache Commons Collections3.2.1以下,【JDK版本:1.7.0_80】Apache Maven 3.6.3。 POC核心代码: package com.patrilic.vul;imp…

    2022年9月8日
    18200
联系我们
关注微信
关注微信
分享本页
返回顶部
PingCode 比 Jira 更好用的研发管理工具。免费试用