Hướng dẫn focus-within css
Hi 🤓 Cảm ơn bạn đã ghé thăm blog này, nếu những bài viết trên blog giúp ích cho bạn. Bạn có thể giúp blog hiển thị quảng cáo bằng cách tạm ngừng ad blocker 😫 và để giúp blog duy trì hoạt động nếu bạn muốn. Show :focus-within css:focus-within trong css khác với
:focus. :focus đại diện cho một element chẳng hạn như phần tử Trong một số trường hợp chúng ta muốn thay đổi style của class parent khi ta Ở ví dụ
trên các bạn để ý khi Ta sẽ làm điều đó như sau: Phần html:
Các bạn có thể thấy phần tử input đang ở trong phần tử có class Có thể hiểu rằng khi một phần tử bên trong parent được
Để hiểu hơn thì ví dụ trên mình đã thay padding cho
Đơn giản và hiệu quả đúng không 😀 Thay vì làm điều tương tự bằng cách sử dụng Javascript/Jquery thì ta đơn giản chỉ cần Như vậy là mình đã hướng dẫn các bạn chúng ta sử dụng Chúc các bạn học tốt. Peace 😄 About Me Hi, I'm @devnav. Một người thích chia sẻ kiến thức, đặc biệt là về Frontend 🚀. Trang web này được tạo ra nhằm giúp các bạn học Frontend hiệu quả hơn 🎉😄. Chúc các bạn tìm được kiến thức hữu ích trong blog này 😁😁. |