时间戳

首页 > 解决方案 > 孩子如何只能使用 CSS 访问它的父属性？可能吗？

html - 孩子如何只能使用 CSS 访问它的父属性？可能吗？

问题描述

每个元素如何在 css 中span获取它的父级属性？title可能吗 ？如果我使用scssorless什么的有可能吗？

<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>

标签： htmlcsssassless

解决方案

不，孩子不可能在纯 CSS 中访问它的父属性。
有一些方法可以通过 JavaScript 中的子级访问父级。
相反，有一种方法可以获取此:has.Documentation Here。
https://developer.mozilla.org/en-US/docs/Web/CSS/:has

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

a:has(> img)

但是没有通过子访问父的方法。

像这样你可以访问你的父母喜欢

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

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

推荐阅读