Question

是否可以选择要继承的元素的父元素？例如，我们有一个普通的HTML代码，其中包含<body>个标签。在<body>里面我们有一个<header>和<div id="section">，我们可以强制#section继承<header>的身高吗？

Answer 1

我对你的要求感到困惑，但我相信答案是肯定的。

HTML中的每个标记只有一个父标记，因为父标记是直接在＆＃39;之上的对象。层次结构中的那个标签。

<section>
    <div id="navigation"></div>
    <div id="section">
        <div id="A">
            <div id="B"></div>
        </div>
    </div>
</section>

在此示例中，#B的父级为#A。 #A的父级是#section。

要获取父级的父级，最好在Javascript或JQuery中完成此操作。

编辑：考虑CSS中的继承

CSS继承只能通过标签正上方的父级完成，如上所述。但是，可以创建多重继承。

#section可以指定字体，这将由#A继承。反过来，这将由#B继承，因为该属性不会被覆盖。

Answer 2

简答：不，你不能通过css选择和修改父母。有一些工作，但你最感兴趣的可能是jQuery方法或可能是一个解决方案。

点击此主题：

Hovering over SPAN needs to change background of DIV on same level

Answer 3

你在“纯CSS”中所要求的是不可能的，但有很多方法可以很容易地实现你想要的东西：

使用LESS或其他CSS预处理器，它允许您从非父级元素和其他许多元素继承类。例如，您可以在varibale中定义高度，并将其用于header和div）
使用jQuery将一个元素的高度设置为另一个元素的高度
在课堂上设置您的身高并将同一课程应用于header和<div>

我们可以在css中选择继承哪个父级吗？

3 个答案: