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并不是嵌套的结构,所以这样写选择器是不会生效的。祝学习愉快。

2
0

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

758 学习 · 231 问题

查看课程