对许多DIV使用相同的CSS类

时间:2012-02-04 14:26:19

标签: css html

我正在尝试将一个CSS类用于许多DIV。这是一个好习惯吗?或者这样做有什么不利之处。因为在VS中它说“另一个对象已经使用此ID”,而不是错误消息而是警告。

6 个答案:

答案 0 :(得分:2)

CSS类可以重复使用。 CSS ID应在组件上唯一使用。你确定你使用的是CSS课程吗?

答案 1 :(得分:1)

同时设置多个div的样式没有任何问题。这实际上是预期的,并没有很多人这样做。为所有div设置样式;

body {Body Code Here;}
div {Div styling here;}

使用一个类来设置所有div的样式;

body {Body Code Here;}
div.YourClass {Div Styling Here;}

注意div和selector之间没有空格(。)它指定任何div中的一个类,其中div .YourClass将在一个类的所有div中搜索。 ID与Classes不同,您可以在页面上有多个Classes,但页面上只有1个ID。要修复该消息,请确保您使用的是Class而不是ID,并在页面中搜索该ID,如果它出现两次或更多,那就是您的问题。再次,类是可重用的,ID是单元素选择器。希望我帮忙!

答案 2 :(得分:1)

在css中,class应该被重用,所以没关系。如果你不知道id,css中的id是用来表示的。但是现在,我看到很少有人在各地使用课程,即使他们只使用一次。因此,只需保持标记和样式清晰,如果您单独工作[个人项目],请使用类或ID,并在单独工作或团队工作时保持持久性。

HTML

<div class="class1 class2">afd</div>
<div class="button class1">asffsdf</div>

CSS

.class1 { /* styling your class1 here */ }

答案 3 :(得分:0)

对CSS中的许多元素使用相同的类是绝对可以的。注意不要对“id”属性执行相同操作,该属性实际上应仅用于单个元素,因为它被视为唯一ID。

答案 4 :(得分:0)

您可以为任意数量的元素使用相同的CSS类,但对于页面中的每个元素,ID必须是唯一的

答案 5 :(得分:0)

ID与课程略有不同。您可以在页面上有多个类,但ID应该只使用一次。遵循最佳实践:)

我知道......这些信息不是您想要的答案,但可能会有一些帮助:)

示例:

div.className { } //covers all div with a particular classname