Html 应用css样式的具有相同id的多个div是否与类的工作方式相同?

Html 应用css样式的具有相同id的多个div是否与类的工作方式相同?,html,css,Html,Css,如果我有多个id相同的div,将id更改为class对结果没有任何影响,那么我对css的类和id选择感到困惑 风格 #主要部门 { 宽度:300px; 高度:300px; 背景色:红色; 利润率:10px; } 首先,多次使用同一id是无效的。永远不要这样做 然后,在css选择器中,您需要使用 “.whatever”指向目标类 “#随便什么”指向ID 这里有一个例子 <!-- in HTML --> <div id="identifier1"></div>

如果我有多个id相同的div,将id更改为class对结果没有任何影响,那么我对css的类和id选择感到困惑

风格


#主要部门
{
宽度:300px;
高度:300px;
背景色:红色;
利润率:10px;
}

首先,多次使用同一id是无效的。永远不要这样做

然后,在css选择器中,您需要使用

  • “.whatever”指向目标类
  • “#随便什么”指向ID
这里有一个例子

<!-- in HTML -->
<div id="identifier1"></div>
<div class="class1"></div>
<div class="class1"></div>

/* In css */
#identifier1 { /* This targets the first div */ };
.class1 { /* This targets the second and third div */ };

/*在css中*/
#identifier1{/*这是针对第一个div*/};
.class1{/*这是针对第二和第三分区的*/};

Id应该是唯一的:\n你不应该重复Id。它会产生无效的代码,当涉及到JavaScript选择器时,你会面临严重的问题。我知道Id应该是唯一的,因为css对类和类没有区别id@AshiqullahSahibzai这是不同的,但问题是,如果你要使用javascript,那么你将处于使用相同ID有问题。使用jquery时,它会获得第一个匹配元素,但css会将其视为类亲爱的Elims如果文档中有多个相同ID的元素,我的问题是(我知道多次使用相同ID是无效的)css如何像类一样对待id在jquery选择器中将相同的样式应用于具有该id的所有元素它只选择带有无效文档的第一个mach元素您无法确保所有浏览器都以相同的方式运行,无论您做什么。首先修复它:)。我很确定你可以找到一个解决办法来让事情顺利进行,但是当其他开发人员接触到你的代码时,它就会再次崩溃。为什么要麻烦呢?如果你不能更改HTML代码,另一个解决方案是不依赖ID,在JQueryTansk Eloims中用另一种方法选择DOM元素我需要你的简短回答我被问到使用id和类选择元素有什么区别我的回答是id选择单个元素,而类可以应用于许多元素,而不是他告诉我我也可以将id应用于许多元素。。所以我坚持了10年marks@Jai我再也不确定问了什么问题
<!-- in HTML -->
<div id="identifier1"></div>
<div class="class1"></div>
<div class="class1"></div>

/* In css */
#identifier1 { /* This targets the first div */ };
.class1 { /* This targets the second and third div */ };