CSS中的返回上一层目录是一种非常实用的技巧，它可以让我们轻松地控制网页的层次结构，让页面结构更加清晰明了。在CSS中，使用父元素选择器“..”可以方便地返回上一层目录。
例如，当我们需要设置子元素的样式时，可以通过以下代码实现：
pre {
font-size: 14px;
}
p {
font-size: 16px;
}
p >a {
color: blue;
}
在这个例子中，我们设置了pre、p和p>a三个元素的样式。其中，pre元素的字体大小为14像素，p元素的字体大小为16像素，p>a表示p元素的子元素a的字体颜色为蓝色。
不过，有时候我们不仅要设置子元素的样式，还需要设置父元素的样式。这时，我们就可以使用父元素选择器“..”来方便地返回上一级目录，例如：
p {
font-size: 16px;
}
p + p {
margin-top: 10px;
}
p .. pre {
font-size: 14px;
color: red;
}
在这个例子中，我们为p元素设置了字体大小为16像素的样式，并且为第二个p元素设置了10像素的上边距。同时，我们还使用了p .. pre选择器，将上一级的pre标签的字体大小设置为14像素，并将颜色设置为红色。
在实际应用中，我们可以结合使用父元素选择器和其他选择器，为网页定制不同的样式效果。如下是一个更为复杂的样例：
p {
font-size: 16px;
}
p + p {
margin-top: 10px;
}
body .. #header {
background-color: #ccc;
}
#sidebar >.widget {
border: 1px solid #000;
padding: 10px;
}
在这个例子中，我们为p元素设置了字体大小为16像素的样式，并且为第二个p元素设置了10像素的上边距。同时，我们使用了body .. #header选择器，将body元素的上一级中id属性为header的元素设置背景色为灰色。此外，我们还使用了#sidebar >.widget选择器，来为id属性为sidebar的元素的所有子元素中class属性为widget的元素设置1像素的黑色边框和10像素的内边距。
综上，父元素选择器是CSS中一种非常实用的选择器类型，可以帮助我们方便地控制网页结构和样式效果，提高开发效率和用户体验。