纯CSS。子元素的可见性取决于父类。可能吗？

我可以通过纯CSS实现这种行为吗 如果父块具有“隐藏”类，则具有“a”类的子元素必须不可见

范例

<div class="parent">
    <div class="a"></div>   //  Visible
    <div class="b"></div>   //  Visible
</div>

<div class="parent hidden">
    <div class="a"></div>   //  Invisible
    <div class="b"></div>   //  Visible
</div>

//可见的
//可见的
//无形的
//可见的

试试这个

 .parent.hidden .a 
 {
   ///display: none;
 }

注意：

visibility:hidden hides an element, but it will still take up the same space as before. The element will be hidden, but still affect the layout.

及

就这样:

.parent.hidden .a { display: none; }

注意

.parent

和

之间没有空格。hidden

是的，这是可能的

试试这个：

.parent.hidden .a{visibility:hidden;}

是的，你可以

将以下内容添加到CSS中

   div.parent.hidden .a{visibililty:hidden;}

---

希望这有帮助。

只需使用普通的上下文选择器：

.hidden .a { visibility: hidden; }

如果您实际上是想从渲染中删除元素，而不是使其不可见（这是完全不同的事情），那么您可以使用

.hidden.a{display:none；}

然而，对于一个本身并不意味着隐藏的元素，使用类名

hidden

，这将是不合逻辑和令人困惑的（对于阅读HTML源代码的人来说）。像

hidelinks

这样的名字可能更好。

试试这个

---

.parent.a、.hidden.a{visibility:hidden；}

阅读OP在第一行中提到的内容。如果父块具有“隐藏”类。所以我假设它应该在父对象内部。我可能对他的看法不正确，但他的句子表达了同样的意思。只是一个观察。它的最后一个愿望@Hiral

.hidden.a{可见性：可见；}

？？你确定吗@hiralHey这只是我的观察，我可能对OP的看法是错误的，但他的句子表达了同样的意思。因此，你可以回答你认为理想的问题，只要我指出我的观察结果-@HiralI assessment

visibility:none

应该是一个更好的解决方案，但应该由OP来决定。@NathanLee是的，这实际上取决于他的用法：）如果你正在使用行为，如果你试图通过脚本实现某个目标，为什么需要CSS解决方案？它不应该是

div.parent.hidden

？是的。应该是。我已经编辑了以上内容。谢谢你的提醒@希拉尔

.hidden .a { visibility: hidden; }