CSS的嵌套方式有两种：直接嵌套和间接嵌套。直接嵌套是指在 HTML 元素的父元素中直接应用CSS样式规则。而间接嵌套则是在HTML元素中应用CSS样式规则，然后通过一个外部样式表(一般为.parent-element.child-element)将这个样式应用到子元素上。
下面是一个简单的例子，展示了 CSS 嵌套的基本用法：
<div class=”parent-element”>
<div class=”child-element”>
<p>Hello, World!</p>
</div>
</div>
在这个例子中，`.parent-element` 是父元素，`.child-element` 是子元素。通过直接嵌套，大家可以在父元素中应用一个样式规则，如：
.parent-element {
background-color: blue;
应用这个规则后，父元素的背景色将变为蓝色。接下来，大家可以使用一个间接嵌套来应用这个样式规则到子元素上：
.parent-element.child-element {
background-color: green;
应用这个规则后，子元素的背景色将变为绿色。通过间接嵌套，大家可以在不同的HTML元素上应用同一个样式规则，而不必重复应用同一个样式规则。
除了直接嵌套和间接嵌套，CSS3还提供了一些新的嵌套方式，如内嵌样式表(Inner Style Sheets)和层叠样式表(Cascading Style Sheets, CSS 多篇(多篇样式表))。内嵌样式表只能应用于一个HTML元素，而层叠样式表可以应用于多个HTML元素。
总的来说，CSS3的嵌套方式可以让大家更好地控制网页的样式，使网页更加美观和易于阅读。但是，使用嵌套也需要大家注意样式的层级关系，避免样式冲突和样式覆盖等问题。