id和类的区别是什么?

当涉及到CSS时，<div class="">和<div id="">之间有什么区别?是否可以使用<div id="">?

我看到不同的开发人员用这两种方式来做这件事，因为我是自学的，所以我从来没有真正弄清楚。

当前回答

类用于将您的样式应用于一组元素。ID样式只应用于具有该ID的元素(应该只有一个)。通常使用类，但如果只有一个类，则可以使用id(或直接将样式插入元素)。

2009-02-12 23:34:22

其他回答

id和class是两个全局/标准HTML属性(下面的全局属性可以用于任何HTML元素)。

为一个元素指定一个或多个类名(引用样式表中的类)

id元素的唯一id

id属性提供了元素文档范围内的唯一标识符，其中class属性提供了对类似元素进行分类的方法。

id属性值必须在整个HTML页面中是唯一的，class属性可以在任何想要应用相同属性的地方被重用

2020-02-27 06:55:15

CSS是面向对象的。ID表示实例，class表示类。

2009-02-13 21:54:46

在高级开发id中，我们可以使用JavaScript。

为了可重复的目的，类比id更方便，因为id应该是唯一的。

下面是一个例子来说明上面的表达:

<div id="box" class="box bg-color-red">this is a box</div>
<div id="box1" class="box bg-color-red">this is a box</div>

现在你可以在这里看到box和box1是两个(2)不同的<div>元素，但我们可以将box和bg- colour -red类应用于它们。

这个概念是面向对象语言中的继承。

2015-02-14 16:18:37

类用于具有公共属性的多个元素。例如，如果你想让p和body标签的颜色和字体相同，使用class属性或在一个除法本身。

另一方面，Id用于突出显示单个元素属性，并且仅用于特定元素。例如，我们有一个带有某些属性的h1标签，我们不希望它们在整个页面的任何其他元素中重复。

需要注意的是，如果在元素中同时使用class和id，则*id将覆盖class属性。*因为id只用于单个元素

参考下面的例子

<html>
<head>
<style>
    #html_id{
        color:aqua;
        background-color: black;

    }
    .html_class{
        color:burlywood;
        background-color: brown;
    }
</style>

   </head>
    <body>
<p  class="html_class">Lorem ipsum dolor sit amet consectetur adipisicing 
   elit. 
    Perspiciatis a dicta qui unde veritatis cupiditate ullam quibusdam! 
     Mollitia enim, 
    nulla totam deserunt ex nihil quod, eaque, sed facilis quos iste.</p>
    </body>
   </html>

我们生成输出

输出

2020-02-27 15:39:59

一个CLASS应该用于您希望具有相同样式的多个元素。ID应该用于唯一的元素。请参阅本教程。

如果您想成为一个严格的墨守成规者，或者如果您希望您的页面符合标准，那么您应该参考W3C标准。

2009-02-12 23:35:42

id和类的区别是什么?

推荐文章

最新文章

标签