CSS的未来版本会支持父或祖先选择器吗

让我们假设我有一个主题，我在其中设计form s。让我们进一步假设form可能有一个.submit类的submit按钮。存在按钮为disabled（form未准备好提交）和按钮不是disabled的情况。我可以这样设计按钮：

.submit {
    /*Some Rules*/
}
.submit:disabled {
    /*Some Rules*/
}

然而，如果我知道按钮将位于div内部，并且我想基于disabled属性对其父级进行样式设置，那么我需要实现disable和启用function，并在这些function中对parentElement进行样式设置。相反，我希望能够定义这样的规则：

.submit < div { /*where < would mean parent*/
    /*Some rules*/
}
.submit:disabled < div {
    /*Some rules*/
}

目前不支持此功能。

让我们进一步假设，我想根据按钮的disabled属性来设置form的样式，以直观地显示form是否准备好提交。在这种情况下，我需要找到祖先form标记（如果存在），并在调用disable或enable时对其进行样式设置。相反，我希望能够做这样的事情：

.submit << form { /*Where << means ancestor*/
    /*Some rules*/
}
.submit:disabled << form {
    /*Some rules*/
}

现在我们需要做的不是这种简单明了的方法：

function disable(element) {
    element.disabled = true; //Disabling the button
    var p = element.parentElement; //Here we need to style p with Javascript
    //Find the form element
    var formExists = true;
    while (formExists && (p.tagName !== "form")) {
        if (p.tagName === "html") {
            formExists = false;
        } else {
            p = p.parentElement;
        }
    }
    if (formExists) {
        /*Do something with p*/
    }
}
function enable(element) {
    element.disabled = false; //Disabling the button
    var p = element.parentElement; //Here we need to style p with Javascript
    //Find the form element
    var formExists = true;
    while (formExists && (p.tagName !== "form")) {
        if (p.tagName === "html") {
            formExists = false;
        } else {
            p = p.parentElement;
        }
    }
    if (formExists) {
        /*Do something with p*/
    }
}

尽管出现了disable和enable，但它们并不是代码重复，因为我们打算添加不同的样式。当然，这段代码可以进行一些重构，但它很难看，很难维护，而且很粗糙，更不用说它假设在需要更改disabled属性的状态时调用disable或enable。虽然上面显示的所有问题都是可以解决的，即使没有父/祖先选择器，我更希望能够在.css文件中实现主题，而不需要Javascript破解，也不需要假设无论何时按钮获得disabled，disable都会被调用，无论何时按钮启用，enable也会被调用。此外，如果这种事情可以由CSS触发，那么我们可以自动使用浏览器级别的果汁，这可以提高性能。

另一种选择是为form定义一个class，但class需要与disabled属性一起以编程方式维护，情况也好不到哪里去。

我相信我已经在我的问题中证明了，从几个角度来看，与Javascript ui黑客相比，这样的CSS规则会更好：

• 父母和祖先可以在一个.css文件中设计
• 开发人员不必担心调用helper函数，也不必担心将这些策略告诉新的团队成员或记录主题的使用情况
• 不需要编写难以维护的Javascript函数来处理ui更改
• 如果需要，我们可以用其他CSS规则来覆盖规则，而不是将黑客升级为更大的黑客

我知道父和祖先选择器不在我们可以使用的CSS功能之列，所以我想知道这种情况是否会改善。这种功能有已知的计划吗？这些安排在未来的日期吗？