Phân biệt ID và Class trong css WordPress

INFO

Mỗi thẻ HTML đều có những tính chất riêng và khác nhau. Bên cạnh đó, có hai thuộc tính ID và Class thì 100% những thẻ đều với thể tiêu dùng. ID giống như mã số chứng minh của Các bạn, còn class giống như nam nữ của Anh chị vậy đó. Chi tiết thế nào thì chúng ta cộng Đánh giá ngay nhé

Phân biệt ID và Class trong css WordPress

1. ID trong HTML là gì?

ID trong HTML là 1 chuỗi xác định và duy nhất, sử dụng để gắn cho 1 thẻ HTML nào đấy. Trong một file HTML thì ID là độc nhất vô nhị, nghĩa là bạn không thể đặt 1 ID cho 2 thẻ HTML.

Việc đặt tên ID nên tuân theo lề luật sau:

Tên đặt tiếng Anh và ko dấu, ko với khoảng trắng, ko với ký tự đặc trưng.
Đặt tên với ý nghĩa, giúp Nhìn vào ID là ta biết được thẻ đó có công dụng là gì.

Ví dụ: Mình tạo một hộp thoại hiển thị mã ưu đãi, và mình sẽ tiêu dùng 1 thẻ div để bao loanh quanh rất nhiều hộp thoại đó. Sau đấy mình cũng ko quên đặt ID cho nó là “choweb“.

<div id=”choweb“>

Content

</div>

khi này, giả dụ bạn muốn dùng CSS để chỉnh cho thẻ này thì tiêu dùng cú pháp sau:

#choweb

background:red;

height: 300px

Note : Bạn quan tâm dấu # trước Name ID nhé , với ID luôn phải mang dấu # và đấy là đề xuất

hai. Class trong HTML là gì?

nếu như ID là duy nhất trong 1 file tài liệu HTML thì class thì lại khác, nó được sử dụng để thiết lập 1 lớp các đối tượng có chung 1 đặc điểm. Cho nên, bạn sở hữu thể gắn một class cho phổ biến thẻ HTML khác nhau.

Việc đặt tên cho class cũng nên tuân thủ theo lề luật mà mình đã chỉ dẫn trong phần một nhé.

2. Class trong HTML là gì?

Ví dụ: Mình muốn hiển thị danh sách bài viết, và mỗi bài viết mình sẽ gọi nó là 1 block. Tương tự, nếu như có 100 bài thì mình sẽ cần tới 100 blocks. Ví như chúng ta sử dụng ID để đặt cho 100 blocks đấy thì rất khó. Bởi thế, ta sẽ đặt một class cho 100 blocks, và ta chỉ cần viết CSS cho class đó là 100 block kia sẽ được áp dụng CSS ngay.

<div class=”post”> Post 1 </div>

<div class=”post”> Post 2 </div>

<div class=”post”> Post 3 </div>

<div class=”post”> Post 4 </div>

Trong CSS mình sẽ viết như sau:

.post

background:red;

height: 100px;

margin: 20px;

tương tự, chúng ta tiêu dùng dấu . cho class và dấu # cho ID.

3. Lúc nào sử dụng ID và lúc nào sử dụng class?

Đây là nghi vấn mà toàn bộ bạn đã hỏi mình. Để giải đáp thì bạn phải xem lại 2 khái niệm mà mình đã diễn đạt ở trên.

ID là độc nhất trong một tập tài liệu HTML. Vì vậy, bạn nên đặt nó ví như cấu trúc trang web chỉ tồn tại một vị trí mà thôi, tức CSS không với tính kế thừa.
Class thì khác, mang thể gắn class cho rộng rãi thẻ HTML khác nhau. Bởi vậy, bạn nên dùng trong trường hợp muốn các thẻ HTML khác nhau sở hữu thể kế thừa CSS của nhau.

Qua bày này mình đã chỉ dẫn xong bí quyết sử dụng ID và class trong HTML. Đây là vấn đề tương đối quan trọng, nó là tiền đề để Anh chị em học những bài tiếp theo đấy nhé. Hãy xem thật kỹ, ví như sở hữu câu hỏi gì thì hãy bình luận để mình trả lời.

Theo https://chowebs.com/phan-biet-id-va-class-trong-css-wordpress.html

Phân biệt ID và Class trong css WordPress