Mỗi thẻ HTML đều có những thuộc tính riêng và khác nhau. Không những thế, với 2 tính chất ID và Class thì 100% những thẻ đều sở hữu thể tiêu 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 Các bạn vậy ấy. Chi tiết thế nào thì chúng ta cộng Tìm hiểu ngay nhé
Phân biệt ID và Class trong css WordPress
Phân biệt ID và Class trong css WordPress
một. ID trong HTML là gì?
ID trong HTML là một chuỗi xác định và duy nhất, sử dụng để gắn cho một thẻ HTML nào đấy. Trong 1 file HTML thì ID là độc nhất vô nhị, tức 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 biệt.
- Đặt tên sở hữu ý nghĩa, giúp Quan sát ID là ta biết được thẻ đấy với 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ẽ dùng một thẻ div để bao vòng vèo đầy đủ hộp thoại đó. Sau ấy mình cũng không quên đặt ID cho nó là “choweb“.
<div id=”choweb“>
Content
</div>
khi 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:
#chowebbackground:red;height: 300px
Note : Bạn quan tâm dấu # trước Name ID nhé , có ID luôn phải với dấu # và đấy là đề xuất
hai. Class trong HTML là gì?
nếu như ID là độc nhất vô nhị 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 các đối tượng có chung một đặc điểm. Bởi thế, bạn với thể gắn 1 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 quy tắc 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à một block. Như vậy, nếu có 100 bài thì mình sẽ cần đến 100 blocks. Nếu chúng ta sử dụng ID để đặt cho 100 blocks ấy thì rất khó. Do đó, ta sẽ đặt 1 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 một </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:
.postbackground: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. Lúc nào sử dụng ID và khi nào tiêu dùng class?
Đây là nghi vấn mà rất nhiều bạn đã hỏi mình. Để trả lời thì bạn phải xem lại hai định nghĩa mà mình đã biểu thị ở trên.
- ID là duy nhất trong 1 tập tài liệu HTML. Vì thế, bạn nên đặt nó nếu cấu trúc trang web chỉ còn đó một vị trí mà thôi, tức CSS không mang tính kế thừa.
- Class thì khác, có thể gắn class cho phổ quát thẻ HTML khác nhau. Vì thế, 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 cách sử dụng ID và class trong HTML. Đây là vấn đề tương đối quan yếu, nó là tiền đề để Anh chị học những bài tiếp theo ấy nhé. Hãy xem thật kỹ, nếu mang thắc mắc 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
Cấm dùng các template được chia sẻ trên blog với mục đích thương mại !
THÔNG TIN TÁC GIẢ & DỊCH VỤ:
- Biên tập nội dung: Trần Nhật Sinh
- Địa chỉ: Ân Đức, Hoài Ân, Bình Định
- Nếu bạn muốn đóng ghóp giao diện hoặc yêu cầu gỡ hãy liên hệ với tôi
+ Email : transinh085@gmail.com
+ Zalo: +84 387 913 347 (SMS) - Dịch vụ:
+ Sửa lỗi, nâng cấp template
+ Tối ưu giao diện
+ Cài đặt giao diện