类选择器还是 ID 选择器?

在类选择器这一章中我们曾讲解过,可以为任意多个元素指定类。前一章中类名 important 被应用到 p 和 h1 元素,而且它还可以应用到更多元素。

区别 1:只能在文档中使用一次

与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。

区别 2:不能使用 ID 词列表

不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。

区别 3:ID 能包含更多含义

类似于类,可以独立于元素来选择 ID。有些情况下,您知道文档中会出现某个特定 ID 值,但是并不知道它会出现在哪个元素上,所以您想声明独立的 ID 选择器。例如,您可能知道在一个给定的文档中会有一个 ID 值为 mostImportant 的元素。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题。您只知道每个文档都会有这么一个最重要的内容,它可能在任何元素中,而且只能出现一个。在这种情况下,可以编写如下规则:

#mostImportant {color:red; background:yellow;}

这个规则会与以下各个元素匹配(这些元素不能在同一个文档中同时出现,因为它们都有相同的 ID 值):

This is important!

This is important!

  • This is important!

亲自试一试:

html怎么在页面中获取操作用户的id,CSS ID 选择器详解相关推荐

  1. ISV页面中获取当前用户信息

    1 IPrincipal userParm = HttpContext.Current.User; 2 3 tring strDomainName = userParm.Identity.Name; ...

  2. vue中获取/操作组件中的dom元素

    最近刚做了一个项目,需要用到地图,选择的是腾讯地图,创建地图的时候,需要给地图创建函数中传入地图容器的id或者容器的dom元素,但是在调试过程中,发现怎么都无法获取dom元素,直接通过getEleme ...

  3. 微信中获取微信用户信息的2种方式

    微信中获取微信用户信息的2中方式 1, 在公众号底部菜单栏地址配置h5地址,如 http://test.dingdong.com/page1 然后前端在所有页面前拦截如login页面,查看是否有tok ...

  4. java获取jsp页面参数_jsp页面中获取servlet请求中的参数方法总结

    jsp页面中获取servlet请求中的参数的办法详解 在JAVA WEB应用中,如何获取servlet请求中的参数,并传递给跳转的JSP页面?例如访问http://localhost:8088/bbs ...

  5. php 自动获取头像,PHP_WordPress中用于获取及自定义头像图片的PHP脚本详解,get_avatar()(获取头像) get_avat - phpStudy...

    WordPress中用于获取及自定义头像图片的PHP脚本详解 get_avatar()(获取头像)get_avatar() 函数用来获取置顶邮箱或者用户的头像代码,在评论列表中非常常用. 这个函数提供 ...

  6. php mysql 到表最后_如何在PHP中获取MySQL表的最后插入ID?

    如何在PHP中获取MySQL表的最后插入ID? 我有一张表,经常插入新数据. 我需要获取表格的最后一个ID. 我怎样才能做到这一点? 它类似于SELECT MAX(id) FROM table吗? g ...

  7. html内置时间对象,JavaScript中的常用事件,以及内置对象详解

    原标题:JavaScript中的常用事件,以及内置对象详解 今天是刘小爱自学Java的第81天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 学前端有一个非常权威的组织,也就是w3c,其有个专 ...

  8. [ASP.NET]ASP.NET中的Inherits、CodeFile、CodeBehind的区别详解及OWIN及IDENTITY

    篇一 : ASP.NET中的Inherits.CodeFile.CodeBehind的区别详解 Inherits.CodeFile.CodeBehind 在 ASP.NET 中使用代码隐藏方法来设计W ...

  9. shell编程系列23--shell操作数据库实战之mysql命令参数详解

    shell编程系列23--shell操作数据库实战之mysql命令参数详解mysql命令参数详解-u 用户名-p 用户密码-h 服务器ip地址-D 连接的数据库-N 不输出列信息-B 使用tab键代替 ...

最新文章

  1. ArrayList的几种初始化方法
  2. win10虚拟内存怎么设置最好_win10系统两台电脑直连怎么设置
  3. OC画笔CGContextRef
  4. S2SH整合所需jar包及其详解
  5. DataTable的Ajax使用
  6. python自动化测试常用库_Python自动化测试常用库整理
  7. 郑卅航院计算机与科学是一本吗,郑州航空工业管理学院计算机科学与应用系
  8. PHP专题-开发基础(七)
  9. 贷款用途有什么限制?非法用途有什么后果?
  10. electron 打包_Vue3+Electron整合方式
  11. STM32之点亮LED
  12. 电脑PC端同时打开多个微信软件
  13. 小技巧 ----- Java算法题标准模版
  14. Canvas绘图基本用法
  15. python vimdiff_Vim实践与学习-09其他
  16. 微信支付获取用户真实ip
  17. bat脚本删除文件夹下的重复文件
  18. FxFactory 7 Mac版(Mac视觉特效插件包)
  19. 怎么看xray发了那些数据包
  20. 遇到不同网段互相访问的一些问题的总结

热门文章

  1. 【转】C语言如何编译动态库与静态库?
  2. 【Python】创建数组[[0]*n]*m与[[0 for _ in range(n)] for _ in range(m)]的区别
  3. [云炬创业基础笔记]第二章创业者测试8
  4. 科大星云诗社动态20210306
  5. 从黄昏到夜暮 2021-04-15
  6. python pandas csv时间聚合_Python通过pandas操作excel常用功能
  7. Visual Studio集成Qt环境搭建_详解与测试
  8. sqlserver 重置自增Id
  9. 最简单的方式实现一棵二叉树
  10. ifstat,iftop