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 !
1 ANSWERS
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ế