css中的 nav ul li ul 与 nav>ul>li 这两种写法的区别
CSS 区别 gt 两种 写法 li ul
2023-09-11 14:19:37 时间
<nav>
<ul id="a">
<li>a1</li>
<li>a2</li>
<li>a3</li>
<li>a4</li>
<li>
<ul id="b"><li>b1</li><li>b2</li></ul>
</li>
<li>
<ul id="c"><li>c1</li><li>c2</li></ul>
</li>
</ul>
</nav>
nav>ul只选择nav下一级里面的ul元素,例如上面dom结构里id为a的ul。
nav ul选择nav内所包含的所有ul元素,例如上面dom结构里面id为a、b、c的全部ul。
nav>ul比nav ul限定更严格,必须后面的元素只比前面的低一个级别。
相关文章
- 前端进阶(12) - css 的弱化与 js 的强化
- CSS - 工具类 tool.css
- CSS隐藏元素的几个方法(display,visibility)的区别
- CSS中一个冒号和两个冒号有什么区别
- JavaScript使用localStorage缓存Js和css文件
- CSS伪类与CSS伪元素的区别及由来
- CSS魔法堂:小结一下Box Model与Positioning Scheme
- [CSS] Create an Automatically Responsive Flexbox Image Gallery
- [SCSS] Pure CSS for multiline truncation with ellipsis
- css知识
- CSS中zoom和scale的区别
- 前端学习 -- Css -- 盒子模式
- [React] Use CSS Transitions to Avoid a Flash of Loading State
- css block,inline和inline-block概念和区别
- [css]演示:纯CSS实现的右侧底部简洁悬浮效果
- 前端必看!css中常用单位及区别
- Atitit 函数式编程与命令行语言的区别与优缺点 目录 1. 常见的函数式语言2 1.1. 命令行 bat2 1.2. Sql h5 css 正则表达式2 1.3. 工作流语言 anno注
- Atitti css transition Animation differ区别
- Atitti css transition Animation differ区别
- Atitit.css 规范 bem 项目中 CSS 的组织和管理
- 01【html和css】4/10
- Computer:网页设计语言(HTML+CSS+Javascript)的简介、区别理解之详细攻略
- 【CSS】课程网站 网格商品展示 模块制作 ① ( 网格商品展示模块盒子模型测量及样式 | 顶部文本标题盒子测量及样式 | 代码示例 )
- springboot拦截器拦了静态资源css,js,png,jpeg,svg等等静态资源
- absolute布局和css布局释疑
- 浅谈CSS Grid比Bootstrap更适合创建布局的原因
- 回炉重造,温故知新__css常规布局方法梳理__开发实战后的经验之谈
- 【CSS】css常用复杂选择器都有哪些?看这一篇就够了_07