0
Cho mình hỏi về steps trong Css với !
Mọi người cho mình hỏi từ khóa steps trong đoạn code CSS dưới đây có ý nghĩa gì vậy :
https://codepen.io/Hoangvan/pen/xzOdPd?editors=1100
Mình có search trên Google mà chưa có kq. Cám ơn mọi người nhiều !
Add a comment
1 ANSWERS
+1
steps ở đây là tên một class thôi bạn ạ.
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
Tức là khi button .menu-btn được check tương ứng với việc mobile menu được mở thì tất cả element có class .navicon bên trong .menu-icon kế tiếp ngay sau .menu-btn mà .menu-icon này không chứa class steps thì sẽ có top: 0. Và top: 0 này chỉ áp dụng cho phần before.
tức là trong đây nó viết bị thừa thôi chứ không có tác dụng gì đúng không bạn....
@wiliamfeng Nó là không dùng nhưng lại chính là dùng. :v
Class .steps thì không dùng trong tài liệu HTML nhưng đoạn code top:0 thì vẫn được áp dụng khi click .menu-btn vì css sử dụng :not(.steps). Mình nghĩ bạn chỉ có thể remove cái :not(.steps) đi thôi, còn code top: 0 bạn vẫn cần giữ lại.
@huukimit thì đúng rồi bạn, ý mình chỉ là dư thừa cái đoạn :not(.steps) thôi chứ bỏ cả top:0 đi là hỏng code mất tiêu rồi.
Nhìn vào cú pháp thì mình cũng đoán được .step là class nhưng mà nhìn lên code HTML thì không thấy có element nào có class ``.steps``` cả
nên mình mới thấy lạ.
Lúc đầu mình xóa cái :not(.steps) thấy Ok ko có vấn đề gì cũng tính bỏ qua rồi, nhưng sau nghĩ lại thôi cứ hỏi cho chắc ăn chứ biết đâu nó lại liên quan đến phần kiến thức mình chưa biết thì sao , mà mấy cha nước ngoài viết Code chặt chẽ lắm ... sao có chuyện thừa code được - mình đã nghĩ như thế 
