应用css样式的具有相同id的多个div与类相同吗？

Question

我对使用css的类和id选择感到困惑，如果我有多个具有相同ID的div，则将ID更改为Class对结果没有任何影响

式

        <style>
       #main-div
        {
        width:300px;
        height:300px;
        background-color:red;
        margin:10px;

        }
    </style>








 <div id="main-div"></div>
<div id="main-div"></div>
<div id="main-div"></div>
<div id="main-div"></div>

Answer 1

首先，多次使用相同的id无效。永远不要这样做。

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

• ＆＃34; .whatever＆＃34;目标类
• ＆＃34;＃任何＆＃34;目标ids。

这是一个例子。

<!-- 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 */ };