父母选择器的用例

CSS中有一个“家长选择器”，因为CSS真正使用的东西可以定期提及。我觉得自己自己有很多想法，但是当我要求大脑使用用例时，我很难想到一个。好吧，我只是有一个，所以我以为我会在这里记录下来。

经典的父母/孩子：

 <div>
  <div> </div>
</div>

假设这个父母隐藏的溢出以及孩子使用绝对定位是很有意义的。

 .parent {
   溢出：隐藏；
   位置：相对；
}

。孩子 {
   位置：绝对； 
}

现在，假设有一个特殊情况，需要将孩子放置在父母之外，并且仍然可见。对于绝大多数情况，隐藏的溢出仍然是一个很好的默认值，因此最好将该规则放在适当的位置，但是在这种非常具体的情况下，我们需要覆盖该规则。

 .pecial-child {
   位置：绝对； 
   底部：-20px; / *需要在父母的外部稍有稍微在父母之外 */
}

/ *不是真实的，而是为了提出点 */
.pecial-child：父母（.parent）
   溢出：可见；
}

上面的选择器是假的，但这是“选择.pecial-Child的父母”，这将允许根据需要覆盖。也许就是这样：

 .parent <p> …是在左侧而不是右侧选择元素。谁知道？可能这两个都是有问题的，最终语法将是其他的。也许我们永远不会得到它。我不知道。只是记录了我拥有的真实用例。</p><p>您可能会想：“为什么不只是在父母上使用另一个特殊班级？”我会拥有的，但是父母是通过第三方图书馆通过API注入的，该API没有提供我选择的类别。最终，我确实必须通过编写一些自定义JavaScript来查询DOM以找到.pepecial-Child，找到父母，然后在此处添加类。</p><p>你们是否还有其他一些用于家长选择器的用例？</p><p>这是Uzair Hayat的一个：</p><blockquote>
<p>我的项目具有包裹在</p>
<div>中的。 <div>有一些设计元素，一旦出现在：focus。我本可以使用:: pseudo elements之前的:: :: ::，但是输入不支持这些元素，因为它们被替换为元素。现在，我juse javaScript检测输入是否为焦点并将类应用于父级。我希望我能做...<pre rel="CSS" data-line="">输入：焦点：父（div）：{之后{
    显示：块;
    / *专注时显示设计更改 */
}