Question

我想知道在HTML中多次使用相同的div id或类是否被忽视了。我在我的HTML中使用了div id =“col1”和div id =“col2”两次，我只是好奇这是否是一种可接受的格式，或者是否有这种方式可能导致编码失败。

<div class="row1">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>
<div id="row2">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>

这个怎么样？

<div id="row1">
    <div class="col1">
    </div>
    <div class="col2">
    </div>
</div>
<div id="row2">
    <div class="col1">
    </div>
    <div class="col2">
    </div>
</div>

Answer 1

你不能拥有两次相同的id，因为id属性应该是唯一的。

尝试div#row1_col1和div#row2_col1。

<div class="row1">
    <div id="row1_col1" class="right">
    </div>
    <div id="row1_col2" class="left">
    </div>
</div>
<div id="row2">
    <div id="row2_col1" class="right">
    </div>
    <div id="row2_col2" class="left">
    </div>
</div>

另一种方法是使列成为一个类。您可以使用选择器访问该行的列：div#row1 div.col1

<div id="row1">
    <div class="col1 right">
    </div>
    <div class="col2 left">
    </div>
</div>
<div id="row2">
    <div class="col1 right">
    </div>
    <div class="col2 left">
    </div>
</div>

Answer 2

以这种方式编码肯定会垮台。

HTML中的

id通常用于CSS或JQuery，以及识别相关元素。

如果您以这种方式编码，则其他代码不容易选择这些元素。基本的HTML标准是使用唯一的id s。

重复相同的div

2 个答案: