html - ID和类之间的区别

标签 html css

我正在浏览 CSS :Class and ID .当我尝试他们给出的例子时,我不会觉得他们之间有任何区别。

<!DOCTYPE html>
<html>
<head>
<style>
#para1
{
text-align:center;
color:red;
} 
</style>
</head>

<body>
<h1 id ="para1">Hai</h1>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

按照我的意愿给出输出,其中 id 选择器用于为单个唯一元素指定样式。

我是不是看错了 Angular ?

最佳答案

一个唯一标识,另一个分类

在第一种情况下,将两个事物称为同一个事物是无稽之谈。

在第二种情况下,通常希望赋予一组事物相同的外观和感觉。

在 CSS 的上下文中,您应该只依赖类。 CSS 的验证器应该拒绝使用 id 来应用样式。您仍然可以定义仅由一个不同元素使用的独特样式。

关于html - ID和类之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15356660/

相关文章:

Javascript更改div中跨度的文本

javascript - 使用 php 和 html 关注/取消关注按钮

javascript - Unicode &lt;input&gt; 值在浏览器之间显示不同

mysql - 了解 wordpress the_content

php - 如何从html表格中获取数据到html表单?

css - 在单行中显示标题和内容

html - 0 x 0 相对 Div 仍然占用空间

php - 在 POST 数据中保留制表符

javascript - 通过单选按钮选择一行时,将一行数据复制到同一页面的文本字段

javascript - Puppeteer 找不到 Xpath