Css 如何根据子元素的类设置元素的样式
我有以下HTML: 我不能应用任何JavaScript,但我可以编辑CSS。我只能编辑Css 如何根据子元素的类设置元素的样式,css,Css,我有以下HTML: 我不能应用任何JavaScript,但我可以编辑CSS。我只能编辑 <div> <div> <span class="something">Styled content</span> </div> <div> Unstyled content </div> </div> 样式化内容 非样式内容 我还需要设置未设置样式的内容的样式(具体地说,di
<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我知道那是行不通的,但也许是类似的?