Class 与 ID 的差异

同一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：

<style>/* 设置 id 为 "myHeader" 的元素的样式 */#myHeader {  background-color: lightblue;  color: black;  padding: 40px;  text-align: center; }/* 设置类名为 "city" 的所有元素的样式 */.city {  background-color: tomato;  color: white;  padding: 10px; }</style><!-- 拥有唯一 id 的元素 --><h1 id="myHeader">My Cities</h1><!-- 拥有相同类名的多个元素 --><h2 class="city">London</h2><p>London is the capital of England.</p><h2 class="city">Paris</h2><p>Paris is the capital of France.</p><h2 class="city">Tokyo</h2><p>Tokyo is the capital of Japan.</p>