详细说明CSS中的类和ID选择器

本文主要介绍CSS中的类和ID选择器，这是CSS入门学习中的基础知识，需要的朋友可以参考一下。
类属性
类选择器

格式:.类名称
实例：

CSS代码将内容复制到剪贴板。
。specialtext { font-style: italic；}

标签带类选择器

格式：标签名。类名称
实例：

CSS代码将内容复制到剪贴板。
p.specialtext {颜色：红色；}

多类选择器

格式:.类名称。类名称
实例：

CSS代码将内容复制到剪贴板。
。specialtext.featured {字体大小：120%；}

说明：CSS选择器的两个类名之间没有空格，因为我们只想同时选择具有两个类名的元素。

提示：不指定一个不同的类的名称为每个类，如身份证，然后写出每类规则。如果你有随意使用类的习惯，你可能会认为大多数的CSS热情的初学者不知道继承和上下文选择器的作用。作为一个结果，你可能每个标签重复同样的风格（例如，相同的字体，页面中许多标签指定）。事实上，继承和上下文选择器可以让不同的标签共享方式，从而减少CSS你需要编写和维护量。

ID属性

格式：# ID名称或标签名称# ID名
实例：

CSS代码将内容复制到剪贴板。
# specialtext { CSS样式声明}

或

CSS代码将内容复制到剪贴板。
P # specialtext { CSS样式声明}

提示：ID可用于页面导航。例如：传记，注意，在开始的# href属性的值，它表示当前页面的链接的目标，因而不会触发浏览器加载页面（如果不是#，浏览器将尝试加载默认的生物页目录。）。如果只有一个# href属性的链接，然后点击链接将返回到页面顶部。例如：返回顶部，换句话说，写一个重回榜首；的链接，不需要身份证作为#的目标元素。

注意：如果不知道一个链接应该放什么网址，也可以用来作为一个占位符#，但不是属性留空。因为href属性值为空的链接，该行为是不正常的链接一样。这样，在未来，余下的队伍可以使用中间层（如PHP）取代#动态变量，接收来自数据库的URL。