Css 如何根据子元素的类设置元素的样式

Css 如何根据子元素的类设置元素的样式,css,Css,我有以下HTML: 我不能应用任何JavaScript,但我可以编辑CSS。我只能编辑 <div> <div> <span class="something">Styled content</span> </div> <div> Unstyled content </div> </div> 样式化内容 非样式内容 我还需要设置未设置样式的内容的样式(具体地说,di

我有以下HTML:

我不能应用任何JavaScript,但我可以编辑CSS。我只能编辑

<div>
  <div>
    <span class="something">Styled content</span>
  </div>
  <div>
    Unstyled content
  </div>
</div>

样式化内容
非样式内容
我还需要设置未设置样式的内容的样式(具体地说,display:none;)

我不介意我是为整个包含div的div设置样式,还是只为div设置内容


这是可能的吗?

这在简单的css中是不可能的。您可以在这里阅读答案:

不过,您可以在jquery中执行此操作:

$(".something").parent().css("display","none");
或使用javascript:

document.getElementsByClassName("something")[0].parentNode.style.display= "none";

您可以使用父选择器来引用它,但我想知道是否有某种方法可以对样式的父项之后的div进行样式设置。也许(div>.something)+div我知道那是行不通的,但也许是类似的?