Mỗi thẻ HTML đều có những tính chất riêng và khác nhau. Bên cạnh đó, sở hữu hai thuộc tính ID và Class thì 100% những thẻ đều có thể dùng. ID giống như mã số chứng minh của Anh chị, còn class giống như giới tính của Cả nhà 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à một chuỗi xác định và độc nhất, sử dụng để gắn cho một thẻ HTML nào đấy. Trong một file HTML thì ID là duy nhất, tức là bạn chẳng thể đặt một 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à không dấu, không với khoảng trắng, không sở hữu ký tự đặc trưng.
- Đặt tên sở hữu ý nghĩa, giúp Nhìn vào ID là ta biết được thẻ đó mang 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ẽ dùng 1 thẻ div để bao vòng vo rất nhiều 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, nếu như bạn muốn tiêu dùng CSS để chỉnh cho thẻ này thì dùng cú pháp sau:
#chowebbackground:red;height: 300px
Note : Bạn quan tâm dấu # trước Name ID nhé , mang ID luôn phải sở hữu dấu # và đấy là đề nghị
hai. Class trong HTML là gì?
giả dụ ID là độc nhất vô nhị trong 1 file tài liệu HTML thì class thì lại khác, nó được dùng để thiết lập 1 lớp những đối tượng có chung 1 đặc điểm. Do vậy, bạn sở hữu 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 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à 1 block. Tương tự, giả dụ mang 100 bài thì mình sẽ cần đến 100 blocks. Nếu như chúng ta dùng ID để đặt cho 100 blocks đó thì rất khó. Do vậy, ta sẽ đặt 1 class cho 100 blocks, và ta chỉ cần viết CSS cho class đó là 100 block kia sẽ được vận 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:
.postbackground:red;height: 100px;margin: 20px;
tương tự, chúng ta sử dụng dấu . cho class và dấu # cho ID.
3. Khi nào tiêu dùng ID và lúc nào tiêu dùng class?
Đây là thắc mắc mà phần nhiều bạn đã hỏi mình. Để tư vấn thì bạn phải xem lại 2 định nghĩa mà mình đã biểu thị ở trên.
- ID là độc nhất vô nhị trong 1 tập tài liệu HTML. Cho nên, 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 mang tính kế thừa.
- Class thì khác, với thể gắn class cho rộng rãi thẻ HTML khác nhau. Bởi thế, bạn nên sử dụng trong trường hợp muốn những 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 thức tiêu dùng ID và class trong HTML. Đây là vấn đề khá quan yếu, nó là tiền đề để Các bạn học các bài tiếp theo ấy nhé. Hãy xem thật kỹ, giả dụ mang nghi vấn 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