nav响应 flex时失效
来源:7-9 响应式案例:博客导航实现

淘气泡泡侠
2021-09-02
关于 导航栏 多加了一个类名 导致flex失效问题
@media min(min-width 768px) 中
在自己写的过程中 .nav-list { display:flex } 式成功的
但 .nav-bar .nav-list{
display: flex !important;
justify-content: center;
justify-items: center;
} 我加了一个 类名没有什么影响 但此时失效了 是为什么老师?
写回答
1回答
-
西门老舅
2021-09-02
同学你好,.nav-bar .nav-list{} 是后代选择器,表示嵌套的结构才可以使用,而视频中 .nav-bar和.nav-list并不是嵌套的结构,所以这样写选择器是不会生效的。祝学习愉快。
20
相似问题