Mỗi thẻ HTML đều mang các tính chất riêng và khác nhau. Tuy nhiên, có 2 tính chất ID và Class thì 100% các thẻ đều sở hữu thể sử dụng. ID giống như mã số chứng minh của Anh chị em, còn class giống như giới tính của Anh chị em vậy ấ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
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, dùng để gắn cho 1 thẻ HTML nào đấy. Trong 1 file HTML thì ID là độc nhất vô nhị, tức là bạn chẳng thể đặt 1 ID cho hai thẻ HTML.
Việc đặt tên ID nên tuân theo lệ luật sau:
- Tên đặt tiếng Anh và không dấu, không mang khoảng trắng, không có ký tự đặc thù.
- Đặt tên có ý nghĩa, giúp Quan sát ID là ta biết được thẻ đó với 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ẽ sử dụng một thẻ div để bao lòng vòng phần nhiều hộp thoại ấy. Sau ấy mình cũng ko quên đặt ID cho nó là “choweb“.
<div id=”choweb“>
Content
</div>
lúc này, giả dụ bạn muốn sử 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é , mang ID luôn phải có dấu # và đấy là bắt buộc
2. Class trong HTML là gì?
nếu 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 một lớp những đối tượng mang chung một đặc điểm. Do vậy, bạn với thể gắn một class cho đa dạng thẻ HTML khác nhau.
Việc đặt tên cho class cũng nên tuân thủ theo luật lệ mà mình đã chỉ dẫn trong phần một nhé.
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. Tương tự, nếu như sở hữu 100 bài thì mình sẽ cần tới 100 blocks. Nếu chúng ta sử dụng ID để đặt cho 100 blocks đó 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 ấy là 100 block kia sẽ được áp dụng CSS ngay.
<div class=”post”> Post 1 </div>
<div class=”post”> Post hai </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 tiêu dùng dấu . cho class và dấu # cho ID.
3. Khi nào dùng ID và lúc nào sử dụng class?
Đây là nghi vấn mà đa số 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 đã thể hiện ở trên.
- ID là độc nhất vô nhị trong một tập tài liệu HTML. Bởi vậy, bạn nên đặt nó nếu như cấu trúc trang web chỉ tồn tại một vị trí mà thôi, tức CSS không mang tính kế thừa.
- Class thì khác, mang thể gắn class cho nhiều thẻ HTML khác nhau. Vì vậy, bạn nên sử dụng trong trường hợp muốn các thẻ HTML khác nhau mang thể kế thừa CSS của nhau.
Qua bày này mình đã chỉ dẫn xong phương pháp tiêu dùng ID và class trong HTML. Đây là vấn đề hơi quan yếu, nó là tiền đề để Các bạn học những bài tiếp theo đấy nhé. Hãy xem thật kỹ, ví như có câu hỏi gì thì hãy bình luận để mình tư vấn.
Theo https://chowebs.com/phan-biet-id-va-class-trong-css-wordpress.html
Gái Xinh FB HOT
