如果其他元素隐藏在CSS中，则设置元素的样式

我有一个包含两个孩子的div（父母）。如果要隐藏第二个DIV，我想更改第一个DIV的颜色。

  

     11111111
  
  

     222222
  

我已经尝试过类似的东西：

.parent div:first-child:not(#xyz[hidden]) {
  background: #00ff00;
}

但这不起作用。那么，在CSS3中有可能吗？

不幸的是，您当前的HTML结构使得无法

#xyz[style*='display: none'] ~ div {
  background: #00ff00;
}

  

    222222
  
  

    11111111