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

Mỗi thẻ HTML đều sở hữu các tính chất riêng và khác nhau. Ngoài ra, sở hữu 2 tính chất ID và Class thì 100% các thẻ đều mang thể sử dụng. ID giống như mã số chứng minh của Cả nhà, còn class giống như giới tính của Anh chị vậy đó. Chi tiết thế nào thì chúng ta cộng Nhận định 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à độc nhất vô nhị, dùng để gắn cho 1 thẻ HTML nào đó. Trong một file HTML thì ID là duy nhất, nghĩa là bạn chẳng thể đặt một ID cho hai thẻ HTML.

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

Tên đặt tiếng Anh và không dấu, không mang khoảng trắng, không sở hữu ký tự đặc biệt.
Đặt tên có ý nghĩa, giúp Quan sát ID là ta biết được thẻ đó sở hữu công dụng là gì.

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

<div id=”choweb“>

Content

</div>

lúc 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 sở hữu dấu # và ấy là đề xuất

2. Class trong HTML là gì?

ví như ID là độc nhất trong 1 file tài liệu HTML thì class thì lại khác, nó được tiêu dùng để thiết lập 1 lớp những đối tượng sở hữu chung một đặc điểm. Do vậy, bạn với thể gắn 1 class cho phổ thông 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 1 nhé.

2. Class trong HTML là gì?

hai. 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à một block. Như vậy, nếu 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ó. Thành ra, ta sẽ đặt 1 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 một </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;

như vậy, chúng ta dùng dấu . cho class và dấu # cho ID.

3. Khi nào sử dụng ID và khi nào sử dụng class?

Đây là câu hỏi mà rất nhiều bạn đã hỏi mình. Để giải đáp thì bạn phải xem lại hai định nghĩa mà mình đã trình bày ở trên.

ID là độc nhất trong 1 tập tài liệu HTML. Vì vậy, bạn nên đặt nó giả dụ cấu trúc trang web chỉ tồn tại một vị trí mà thôi, tức CSS ko sở hữu tính kế thừa.
Class thì khác, sở hữu thể gắn class cho phổ biến thẻ HTML khác nhau. Vì thế, bạn nên tiêu 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 đã hướng dẫn xong bí quyết tiêu dùng ID và class trong HTML. Đây là vấn đề khá quan trọng, nó là tiền đề để Cả nhà học những bài tiếp theo đó nhé. Hãy xem thật kỹ, giả dụ mang câu hỏi gì thì hãy bình luận để mình giải đáp.

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

Header Ads

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