Phần tử có thể có cả id và một lớp không?

Question

khá tự giải thích.

Answer 1

Có, một phần tử có thể có một ID (phải là duy nhất!) Và nhiều lớp cùng một lúc. Để có nhiều lớp, hãy sử dụng khoảng cách giữa chúng, dưới đây là ví dụ:

<div id="myID" class="class1 class2 class3">Content</div> 

Answer 2

Có. Tự giải thích.

Bên cạnh đó, nó thường có nhiều hơn một lớp IE -

<div class="oneClass andAnother"></div> 

nhưng chỉ có một ID cho mỗi phần tử, và mỗi ID chỉ nên được sử dụng một lần mỗi trang HTML.

Answer 3

Có.

<div id="main" class="rounded"> 
</div> 

Answer 4

Tóm lại, có. Thông thường, lớp sẽ dành cho kiểu dáng và id để cho phép thao tác trực tiếp bằng các tập lệnh.

Answer 5

Tôi muốn thêm rằng nếu bạn thêm cả ID và một lớp mâu thuẫn với nhau, ID sẽ có mức độ ưu tiên cao hơn.

Ví dụ:

CSS:

.par_color{ 
    color:red; 
} 

#par_color{ 
    color:blue; 
} 

HTML:

<section id="par_color" class="par_color">Some txt</section> 

Một số chuỗi txt sẽ được hiển thị bằng màu xanh và không có trong màu đỏ.

Answer 6

có bạn có thể thêm id và class cũng như một lớp và một id

cho một lớp và một id <h1 id="orange-text" class="pink-text blue-text">Hello World!</h1> cho hai lớp <h1 class="orange-text" class="pink-text blue-text">Hello World!</h1>