时间戳

首页 > 解决方案 > CSS 获取其他元素的属性

css - CSS 获取其他元素的属性

问题描述

我有一个非常简单的问题：

是否有一种纯 CSS 方法来获取不同元素或属性的属性（值）？

（是的，我知道 CSS 不是一种实际的编程语言——但可能有一个特性）

我时不时地偶然发现新的可能（非常不同！）用例，但此时我想到了两个：

(1) 一个例子：1.p 和 div 是“兄弟”元素。2.div应该占据其余的空间，他们的父母提供3.计算div的大小，一个（div）需要另一个（p）的高度。例如，当规则通常用于多个元素时，无论 p 的内容大小如何。

(2) 另一个例子：将子元素的高度定向到其父元素的宽度或结构上未连接的元素。不是窗口的宽度 (vw)。

总体目标是不使用 javascript 或 wangle 与 html 进行样式设置，因为应该只使用 css，这就是重点。

PS：原来的问题有一个更糟糕的例子，因此一些答案可能不完全适合新的问题

标签： css

解决方案

根据您在问题中的描述，CSS 的基本性质将符合您的要求。

  • H6 和按钮是兄弟姐妹。
  • H6 和按钮在 HTML 的本质上是分开的。
  • 您将需要找到 h6 的字体系列，并使用 css 规则手动将其应用于按钮。

当然，除非您询问 CSS 是否可以在页面加载后动态读取元素属性，并实时复制其属性，否则不会。

h6 {
  font-family times;
  color: purple;
  font-size: 1rem;
  margin: 0;
  font-weight: normal;
}
h6, button {
  font-family: arial;  
  color: orange;
  font-size: 2rem;
}
<div class="container">
  <h6>TITLE</h6>
  <button>BUTTON</button>
</div>

推荐阅读