CSS：选择一个标记，该标记是具有我想要的类的标记的父标记的父标记

基本上就是罐头里说的

我有一个输入标签和独立的javascript来控制它。当用户插入数据时，它会自动更改它的一个类，这样它的颜色就会被其他地方定义的CSS更改，直到一切正常为止。下一步：我希望包含该输入的整个div改变颜色，以便在出现问题时向用户发出警告。这里有一个问题：如何选择我只想使用CSS选择的div？ 以下是一些适用于输入的代码：

input.wrongVal {
    border-color: red;
    background-color: red;
}
input.wrongVal:active{
    background-color: white;
}

以下是页面中的相关代码：

<div class="infoinputContainer">
    <p class="inputLine">
        <span>
            <input type="text" id="data">
            <label for="data">Data info</label>
        </span>

    </p>

</div>

数据信息

---

仅使用CSS，如何选择此处显示的div（而不是其他div）的样式，例如，使用另一个背景？

您不能仅使用CSS

---

当用户输入信息时，您使用什么来更改类？如果是javascript，您也可以使用它来更改父（或祖父母）的类。

您不能只使用css

---

当用户输入信息时，您使用什么来更改类？如果是javascript，您也可以使用它来更改父（或祖父母）的类。

您不能。不使用纯CSS

CSS选择器仅为性能目的选择/定位子节点或子节点：如果可以定位

：父节点（如中），浏览器将不得不等待呈现任何页面，直到处理完所有子节点

你必须改用JavaScript。
你不能。不使用纯CSS

CSS选择器仅为性能目的选择/定位子节点或子节点：如果可以定位
：父节点（如中），浏览器将不得不等待呈现任何页面，直到处理完所有子节点

您将不得不使用JavaScript来代替。
使用CSS无法做到这一点。但是，您可以使用Javascript更改div容器的类或将div容器包装到另一个div中

<div class="infoinputContainer invalid">
    <p class="inputLine">
        <span>
            <input type="text" id="data">
            <label for="data">Data info</label>
        </span>

    </p>
</div>



数据信息


或：



数据信息

使用CSS无法做到这一点。但是，您可以使用Javascript更改div容器的类或将div容器包装到另一个div中

<div class="infoinputContainer invalid">
    <p class="inputLine">
        <span>
            <input type="text" id="data">
            <label for="data">Data info</label>
        </span>

    </p>
</div>



数据信息


或：



数据信息

javascript是一种通用代码。如果类不是输入元素，它不知道应该在哪里应用该类。看来js代码必须更改了。这意味着CSS真的没有办法？@brunoais不，你不能用CSS选择父元素，你必须修改你的javascript/添加一些新的javascript。javascript是一个通用代码。如果类不是输入元素，它不知道应该在哪里应用该类。看来js代码必须更改了。这意味着CSS真的没有办法吗？@brunoais没有，你不能用CSS选择父元素，您必须修改javascript/添加一些新的javascript。我将尝试更改javascript，以便它搜索具有特定类的父级并控制它。我将尝试更改javascript，以便它搜索具有特定类的父级并控制它。可能重复的可能重复的