主页
HTML
HTML id 属性
tryhtml_id_class
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> /* Style the element with the id "myHeader" */ #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } /* Style all elements with the class name "city" */ .city { background-color: tomato; color: white; padding: 10px; } </style> </head> <body> <h2>Class和ID的区别</h2> <p>一个 class 名称可以被多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：</p> <!-- An element with a unique id --> <h1 id="myHeader">我的城市</h1> <!-- Multiple elements with same class --> <h2 class="city">伦敦</h2> <p>伦敦是英格兰的首都。</p> <h2 class="city">巴黎</h2> <p>巴黎是法国的首都。</p> <h2 class="city">东京</h2> <p>东京是日本的首都。</p> </body> </html>