HTML和CSS：何時使用ID和類？

Question

我想知道何時正確使用ID和Class。在js（如果需要是唯一的）中選擇時使用ID，僅在Css樣式/設計中使用Class。

我想知道是否有使用ID和類的其他意義或如果我使用它錯誤或不當。

我只是想知道您的意見或如何使用它。隨時回答！

謝謝

Answer 1

這對StackOverflow來說不是一個好問題，我建議您在將來問問題之前先使用google。

類和ID之間的關鍵區別是ID是唯一的。類不是唯一的。

您可以爲每個元素使用任意數量的類。即：class="btn btn-primary"，但每個元素只有一個ID。即：id="button-23"。

當您開始使用Javascript與DOM進行交互時，最大的區別就在於此。如果我使用document.getElementById("button-23")，並且您有2個具有該ID的元素，則JavaScript將僅與遇到的第一個元素進行交互。

一般來說，在我看來，特別是當你開始時，堅持使用類，不要使用ID。

Answer 2

ID是爲了獨特的元素。應該只有一個具有給定id的元素，而可以有許多具有相同類的元素。

例如讓我們拿一個登錄表單。 id #login和#password中只有一個，但它們都可以具有類.login-form-input。

因此，當需要描述某些元素和類時需要描述某些元素組時使用id。