主标题：「什么时候用id选择器」什么时候用id选择器什么时候用类选择器

什么时候用id选择器,什么时候用id选择器什么时候用类选择器

内容导航：

什么情况下用id选择器跟类选择器

苹果 WWDC 发布会上没提到的实用功能我们帮你整理了这 30 个

CSS中的ID选择器和类选择器的区别是什么最好能附上一个简单的例子，谢谢啦，加分

请问一下class选择器和id选择器一样吗

一、什么情况下用id选择器跟类选择器

W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用。自己的语言。

二、苹果 WWDC 发布会上没提到的实用功能我们帮你整理了这 30 个

今年的 WWDC 发布会虽然没有 iPhone SE 2 等硬件产品亮相，但不论是更新的四大系统，还是 Craig Federighi 和 Tim Cook
脸上新添的皱纹都在告诉观众，这一年苹果还是做了不少事。
两个小时的发布会信息量已经非常丰富，但也很难将新系统的变化事无巨细、面面俱到地进行演示。
我们整理了一些在发布会上没来得及展示的功能，希望帮助你可以更好地了解这些新系统。

iOS 12 看似处处相同，其实处处不同

自动填写短信验证码

图 / @图拉鼎

iOS 12 可以识别短信中的验证码并自动填写，你可以在设置里的「帐户与密码」里开启这一功能。

原生密码填写支持第三方应用

全新的密码管理 API（Password Manage API）允许如 1Password 这类第三方密码管理 App 使用原生密码填写功能。
此外，在钥匙串中，系统会检查是否有重复使用的密码，并建议用户对其进行更换。

在股市里中国大陆用户也可以看 Apple News 了

全新设计的股市应用中除了可以查看股票信息以外，还内置了由 Apple News 提供的财经新闻，即便是中国大陆地区的用户也能看到。

效果更好、更开放的人像模式

左图为 iOS 12，右图为 iOS 11，皆由 iPhone 7 Plus 人像模式拍摄

苹果在 iOS 12 中开放了人像景深识别 API（Portrait Segmentation API） ，第三方应用现在可以更轻松地区分照片中前景和背景。
此外，iOS 12 加强了人像模式，现在系统内部在捕捉到人物后自动生成一张「面具」，更容易将人物与场景区分开来。

语音备忘录可以选择录音质量

全新的语音备忘录将登陆 iPad 和 Mac ，并支持 iCloud 同步。
在应用设置中你可以根据需要选择不同的音频压缩质量，这对于一些小容量的 iOS 设备来说很实用。

更美观的图书应用，现在也更好用

iBooks 在 iOS 12 中更名为 Apple Books，不仅拥有全新设计，还增添了更多图书管理的选项。
此外，在设置中，你可以选择有声读物每次向前跳或向后跳的时间（播客应用同样支持这一功能）。

标注可选更多颜色

iOS 12 中自带的截图标注功能新增了一个调色板选项，你可以选择使用更多颜色来标注截图、图片和 PDF。

苹果开放健康记录 API

iOS 12 中，苹果开放了健康记录 API，用户现在可以使用第三方应用管理与分享自己的医疗数据并实时更新。
这有助于帮助医生更好地了解患者的健康状况。
不仅如此，在 watchOS 5 的 Keynote 中，苹果还推出了帕金森研究 API（Parkinson’s Research API)。

全新设计的 iPad 状态栏，也许与面容 ID 有关

iOS 12 的 iPad 版本重新设计了顶部状态栏，将原先顶部居中显示的时间移到了与 iPhone X 一样的左上角，右上角则显示信号、蓝牙和电池电量。
这应该与即将到来的新 iPad Pro 设计有关，此前传闻新 iPad Pro 将支持面容 ID，似乎苹果已经不打算继续掩饰了。

与 iPhone X 统一的 iPad 手势

iPad 控制中心

iOS 12 中在 iPad 上增加了新的手势，打开通知中心的手势与 iPhone X 一致变为右上角下滑。

回到主屏和进入多任务处理界面都支持用一只手指从底部上滑和停住唤出，同时保留了原先的四指与五指手势，包括四指左右轻扫切换应用、四指上划进入多任务、五指捏合回到主页。

iPhone X 多任务手势变得更简单

左 iOS 12，右 iOS 11

iOS 12 中，iPhone X 上关闭多任务手势和 iPad 进行了统一，直接上划即可关掉应用，不再需要重复「长按 – 左上角出现红色角标 –
上划关闭」这一繁琐的流程。

全新的照片应用，更好的相机导入支持

iOS 12 优化了相机导入和管理照片（包括 RAW 格式）， 现在用户还可以在 iPad Pro 上直接编辑 RAW 格式照片。

更方便的原生二维码扫描

iOS 12 中，用户可以在控制中心中添加「扫描二维码」，更快捷地启动相机进行扫描。

Face ID 现可以增加第二张脸

现在 Face ID 可以添加第二种样貌，方便那些可能需要较为夸张的变装与化妆需求。
当然也可以选择添加另一人的人脸。

系统自动更新可以关闭

在 iOS 12 设置中，用户可以进入「通用 – 软件更新 – 自动更新」中选择是否允许 iOS 设备是否自动更新系统。

锁屏时更安全，还可以禁止连接 USB 和打开钱包

左 iOS 12 ，右 iOS 11

iOS 12 中在「触控 ID 与密码」设置中增添了两个选项开关，现在用户可以选择是否在 iOS 设备锁定时打开「钱包」或接入其他 USB 设备。

更详细的电池信息

由于测试机更新 iOS 12 只有两天，因此电池用量只显示「过去2天」

iOS 12 中提供了更详细的电池用量信息，从原先的「过去 24 小时」和「过去 7 天」变为「过去 24 小时」和「过去 10
天」，还增加了柱状图用来显示设备的电池用量和使用时间。
此外，在「过去 24 小时」中还新增了前台用量和息屏用量，在「过去 10 天」中增加了平均亮屏用量和平均息屏用量。

Animoji 最长从 10 秒变为 30 秒

iOS 12 不止有吸睛的 Memoji，现在 Animoji 的录制时间限制也从之前的 10 秒加长到 30 秒，你可以继续用 Animoji
来尽情放飞自我了。

努力变聪明的 Siri，现增加了语音、回答与翻译能力

macOS Mojave 和 iOS 12 中 Siri 增加了有关于名人、食物和赛车赛事的回答，此外 Siri 还可以搜索你的密码和照片中的回忆。
Siri 在 iOS 12 中还支持了 40 多种语言的翻译。

使用范围更广的 Siri 建议

iOS 12 中，在「设置- Siri 与搜索」新增了三个 Siri 建议的选项：搜索建议、查询建议和锁屏建议。
Siri 现在可以根据不同场景和 App 提供更丰富的建议。

原生词典支持更多语言

iOS 12 增加了阿拉伯语、印地语、希伯来语和英语的双语字典，还支持了英语同义词词典。

走向新时代的 macOS Mojave

Automator 可以在 Touch Bar 上使用了

Platforms State of the Union

在 MacBook Pro with Touch Bar 发布的近两年后，苹果终于想起来为它做点什么。
自动操作（ Automator ）在触控栏（Touch Bar）上看起来非常棒，不过总有些挥之不去的 Workflow 既视感。

不再支持第三方账户，也是最后一个支持 32 位应用的 macOS

macOS Mojave 中去掉了系统共享菜单中的第三方账户登陆功能，用户将不能通过系统登陆和分享给微博、土豆、 Facebook 和 Twitter。
并且，macOS Mojave 也将是最后一个支持 32 位应用的 macOS 系统。
不仅如此，苹果已经确认，macOS 将不再继续支持 OpenGL 和 OpenCL 。

Dock 栏上新增最近使用应用

macOS Mojave 还增加了类似 iPad 上最近使用应用的功能。
现在 程序坞（Dock） 上会将最近使用过的应用放置在右侧。
与 iPad 不同的是，右侧不止会出现三个应用。

APFS for Fusion Drive and HDD

macOS Mojave 中，更符合时代需求的 Apple File System（APFS） 不仅支持 SSD ，现更支持 Fusion Drive 和
HDD。

在邮件中输入 Emoji 更方便

在 macOS Mojave 中，原生邮件应用的新建邮件界面上增添了全新的 Emoji 选择器，方便你更快地输入 Emoji。

地图在中国更好用了

左为 macOS Mojave，右为 macOS High Sierra

macOS Mojave 提升了在中国的地图表现，根据测试发现，macOS Mojave
新增了优先路线选项，用户可以根据自己需求调整路线以减少换乘或行程，补足了一些在国内使用的短板。

更自由的 watchOS 5

Apple Watch 上选择 Wi-Fi

如今 Apple Watch 更加「自由」了，在 LTE 版本可以离开手机自由行动之后，现在用户还将摆脱只能使用 iPhone 联结的 Wi-Fi
网络限制，自由选择其它可用无线网络。

自定义控制中心

现在用户将可以自由调整控制中心面板中的快捷按钮，保留自己最常用的功能。

watchOS 5 还有很多发布会上没有展示的功能，比如在天气应用中可以查看空气质量、UV 指数、风向与风速；使用语音接听 Facetime
视频通话；自定义世界时钟等等。

三、CSS中的ID选择器和类选择器的区别是什么最好能附上一个简单的例子，谢谢啦，加分

什么时候用id，什么时候用class?
W3C标准这样规定的，在同一个页面内，不允许有相同名字专的id对象出现，但属是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用。自己的语言。

补充回答：
每个html标签都有自己的id，就相当于QQ账号一样，是唯一的，名字不能重复，因此可以为每个标签单独设置样式，样式名称同id名是一样的，声明的方式是#加上id名（例如：#txtName）。这样设置好样式后，id为txtName的标签就使用了这个样式。
类样式是统一定义的，声明方式是点加上样式名（例如.ddlHobby），多个标签可以引用同一个类样式，只要在标签上加上属性class =
ddlHobby，就统一使用这个样式了！
不知道这么说明白不？

四、请问一下class选择器和id选择器一样吗

答：class选择器class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用