层级选择器：
1：子选择器
父元素选择器>子元素选择器 选中只是父元素最近一层的子元素。
2:兄弟元素选择器
元素1+元素2 同级 选中元素1同级离得最近的下面的兄弟元素
3:通用选择器
元素1~元素2 同级 选中元素1同级下面的所有的元素2
<style>
.box>h3{
background: blueviolet;
}
</style>
</head>
<body>
<div class="box">
<h3>h3h3h3h3h3h3h3h3hh3h3h3hh3h3hh3hh3</h3>
<p>ppppppppppppppppppppp</p>
<p>ppppppppppppppppppppp</p>
<p>ppppppppppppppppppppp</p>
<h3>h3h3h3h3hh3h3h3h3hh3hh3h3hh3hh3h3</h3>
<p>ppppppppppppppppppppp</p>
<p>ppppppppppppppppppppp</p>
<p>ppppppppppppppppppppp</p>
</div>
渐进增强\优雅降级
渐进增强过程:先从最基本的版本开始,保证最基本的功能的实现,然后针对性的考虑高版本,提升用户体验.
优雅降级: 开始就构造特别完美的需求方案, 再针对性的 例如:通过减少用户体验,向低版本过渡.
本文深入讲解了CSS中层级选择器的使用，包括子选择器、兄弟元素选择器和通用选择器，通过具体示例帮助读者理解如何精确地定位页面元素。
扫一扫
907
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
