CSS获取其他元素的属性

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

是否有一种纯粹的CSS方法来获取不同元素或属性的属性值？ 是的，我知道CSS并不是一种真正的编程语言——但可能有一个特性

这里有一个简单的例子：

h6和按钮是姐妹元件。 两者的CSS代码块应该是分开的。 现在，先前确定的h6字体系列应该用作按钮的字体系列。 我不想为此不必要地添加额外的类

---

编辑：另一种用法是在不使用JavaScript的情况下，将对象的宽度定向到通过%定义的对象的高度。

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

H6和button是兄弟。 H6和button因HTML的性质而不同。 您需要找到h6的字体系列，并使用css规则手动将其应用于按钮。 当然，除非您询问CSS是否可以在页面加载后动态读取元素属性，并自己实时复制其属性，否则答案是否定的

h6{ 字体家族时代； 颜色：紫色； 字号：1rem； 保证金：0； 字体大小：正常； } h6，按钮{ 字体系列：arial； 颜色：橙色； 字号：2rem； } 标题 按钮

---

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

H6和button是兄弟。 H6和button因HTML的性质而不同。 您需要找到h6的字体系列，并使用css规则手动将其应用于按钮。 当然，除非您询问CSS是否可以在页面加载后动态读取元素属性，并自己实时复制其属性，否则答案是否定的

h6{ 字体家族时代； 颜色：紫色； 字号：1rem； 保证金：0； 字体大小：正常； } h6，按钮{ 字体系列：arial； 颜色：橙色； 字号：2rem； } 标题 按钮

---

在CSS中，您只能通过标记、类、ID、属性等获取元素本身的信息

但是，可以使用同级选择器设置元素及其同级的样式

h6，h6+按钮{ 字体族：值； } 然后，可以为指定的选择器设置单独的代码块

h6{ 财产：价值； } 钮扣{ 财产：价值； }

---

如果您想了解更多有关CSS相邻选择器和常规选择器的信息，我将参考以下链接：

在CSS中，您可以通过标记、类、ID、属性等获得的唯一信息是元素本身

但是，可以使用同级选择器设置元素及其同级的样式

h6，h6+按钮{ 字体族：值； } 然后，可以为指定的选择器设置单独的代码块

h6{ 财产：价值； } 钮扣{ 财产：价值； }

---

如果您想了解有关CSS相邻选择器和常规选择器的更多信息，我将参考此链接：

您可以通过使用确保两个或多个元素共享一个字体系列，而无需使用combinators+，>，等等。不能让一个元素以这种方式直接引用另一个元素

首先，向全局可访问的选择器（如根）添加一个变量，如下所示：

现在，您可以使用语法var-[var name]引用上述值：

---

这种方法对更复杂的应用程序很有帮助，在我看来，它比让多个具有不同特性的选择器相互覆盖更清晰。

通过使用，您可以确保两个或多个元素共享一个字体系列，而无需使用combinators+，>，等等。不能让一个元素以这种方式直接引用另一个元素

首先，向全局可访问的选择器（如根）添加一个变量，如下所示：

现在，您可以使用语法var-[var name]引用上述值：

---

这种方法对更复杂的应用程序很有帮助，在我看来，它比让多个具有不同特性的选择器相互覆盖更清晰。

好的，谢谢。我希望找到一种单行的方法来做到这一点。但是如果它不存在，我就不得不这样做。好的，谢谢。我希望找到一种单行的方法来做到这一点。但如果它不存在，我将不得不这样做。我已经给出了一个符合姐妹元素要求的答案。我希望它有用。你说的“得到”是什么意思？一旦你得到它，你想发生什么？如果你想在两个选择器上使用相同的字体系列，只需用逗号对它们进行分组。我给出了一个与你的姐妹元素要求一致的答案。我希望它有用。你说的“得到”是什么意思？一旦你得到它，你想发生什么？如果要将同一字体系列应用于两个选择器，只需使用逗号将它们分组即可。

:root {
  --main-font-family: times;
}

h6 {
  font-family: var(--main-font-family);
  ...
}

button {
  font-family: var(--main-font-family);
  ...
}