孩子如何仅使用CSS即可访问其父母的财产？可能吗？

Question

css中每个span元素如何获取其父元素的title属性？可能吗 ？我可以使用scss或less之类的东西吗？

<div>
<div title="hello"><span> </span></div>
<div title="dear"><span> </span></div>
<div title="world"><span> </span></div>
</div>

因此，在应用css样式之后，其结果应与此

相同

<div>
<div title="hello"><span>hello</span></div>
<div title="dear"><span>dear</span></div>
<div title="world"><span>world</span></div>
</div>

Answer 1

否，子级不可能在纯CSS中访问其父级属性。
在javascript中，有一些方法可以通过子级访问父级。
而是有一种获取此:has的方法。
https://developer.mozilla.org/en-US/docs/Web/CSS/:has

以下选择器仅匹配直接包含<a>子元素的<img>个元素：

a:has(> img)

但是没有没有方法可以通过子级访问父级。

像这样，您可以像

那样访问您的父母。

div:has(> span){
//Do Here what you want./
}

  

截至2019年，任何浏览器仍不支持此功能。