Html 使用CSS隐藏按数据角色的div属性

我一直在寻找这个答案，但毫无结果。如果存在这样的div：

div[data role=“form footer”]

隐藏这一点的最佳方式是什么？是否可以使用CSS

我尝试使用，但没有任何效果（我相信是因为表单div是通过脚本插入的）：

---

数据卷仅显示在网站的web版本上。在代码中，它是通过脚本标签插入的

我没有足够的“声誉”来评论。 是的，这是可能的与CSS 只用

显示：无；

隐藏任何元素。 例如：-

div[data-role="form-footer"]{
display:none;
}

---

但是，我尝试过这个，因为div是由脚本插入的；这不起作用。如果你没有在问题中提到这一点，请确保在问题中加入所有必要的代码和信息。即使它是通过脚本插入的，它也应该可以工作。我已经更新了最初的问题，你能提供包括HTML和JS在内的全部代码吗。因此，我们可以很容易地理解。数据卷只出现在网站的web版本上。在代码中，它是通过脚本tags插入的，如果有一个id=“form”的祖先元素，或者您可能是指form div[data role=“form footer”，请查看浏览器的inpector，看看您周围有什么HTML结构，以及继承了什么CSS。

div[data-role="form-footer"]{
display:none;
}