您可以为HTML元素指定唯一标识符，然后通过引用其唯一标识符来设置该元素的样式。这允许您定义只能由您为其分配ID的元素使用的样式。
任何HTML元素都可以应用该属性。此属性的值是元素的唯一标识符。例如，为该元素指定一个唯一标识符。id<h1id="mainHeading">mainHeading文章源自你的网络首码项目网-https://www.youranweb.com/253.html
我们可以从CSS代码中引用该ID。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
语法
声明CSSID的语法与类的语法相同，只是使用哈希（#）而不是使用点。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
#id-name { property:value; }同样，与类类似，如果要对多个元素使用相同的id名称，但每个元素具有不同的样式，则可以在哈希前面加上HTML元素名称。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
p#intro { font-size: 2em; }<!DOCTYPE html>
<title>Example</title>
<style>
div#css-section {
border:1px dotted red;
padding: 20px;
}
</style>
<div id="css-section">
This lucky div has ID...
</div>
<div>
This poor div has no ID...
</div>ID与类
鉴于类和ID非常相似，您可能想知道要使用哪一个。这取决于具体情况。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
何时使用类
当需要在同一页面上多次应用样式时，应使用类。例如，您可能有许多需要应用相同样式的<h1>元素。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
何时使用ID
如果页面上只有一个元素应用了样式，并且/或者您需要该元素的唯一标识符，则应使用ID。例如，您可以将ID分配给包含左侧菜单的<nav>标记。此ID的样式可以包含位置，背景色，浮点属性，大小等。您可能不希望页面上的任何其他元素使用此特定样式。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
关于ID的另一个有用之处在于，您可以使用文档对象模型（DOM）来引用它们。这使您能够使用JavaScript/DHTML技术来构建一个更具交互性的网站。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
但是，开发人员社区内部有一种思想流派对ID选择器不屑一顾。事实上，一些开发人员指出，你应该“永远不要使用ID选择器”。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
这是您需要做出的决定。在不使用ID选择器的情况下开发网站是完全可能的（而且很常见）。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
更多选择器
我们只介绍了几个最常见的选择器。CSS包含更多选择器，您可以在选择元素进行样式设置时使用。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
以下是您可以使用选择器执行的一些操作：文章源自你的网络首码项目网-https://www.youranweb.com/253.html
- 仅选择具有特定属性的那些元素。
- 选择具有特定属性和特定值的某个元素。
- 选择特定元素，但仅当它位于另一个特定元素中时。
- 仅选择特定元素的第一个子元素。
- 仅选择特定元素的最后一个子元素。
- 您甚至可以指定哪个孩子（例如，第3个孩子，或第4个，第5个孩子...等）。
- 仅当元素悬停在元素上时才选择该元素。
- 多。
以下是CSS选择器的完整列表。文章源自你的网络首码项目网-https://www.youranweb.com/253.html
为该页面添加书签，或保留副本。在编写CSS代码时，您经常会发现自己正在寻找合适的选择器来使用。随着CSS的最新添加，现在有超过70个选择器，因此这样的列表可能非常方便。文章源自你的网络首码项目网-https://www.youranweb.com/253.html 文章源自你的网络首码项目网-https://www.youranweb.com/253.html
评论