CSS 忽略父选择器

Question

所以我有一个 CSS 选择器，用于我的应用程序中一个名为 "wizard-grid" 的完全独立的对话框。该选择器不在该文件的 HTML 中，但由于某些未知原因，浏览器似乎忽略了父选择器并从 "select" 继承了我在该页面上的下拉菜单。这些文件被缩小了，这可能与它有关吗？

我什至在我的整个项目中进行了搜索，唯一提到 "wizard-grid" class 的地方是在一个 CSS 文件和一个 HTML 文件中与本页无关。我在下面放了一张浏览器正在解释的图片：

Answer 1

那里有 3 个单独的选择器，用逗号分隔。 "parent" 选择器仅适用于 input，不适用于 select 或 .search

.wizard-grid .wizard-body input
select
.search

我猜你可能想要的是这个。一定是你的CSS某处有误。

.wizard-grid .wizard-body input
.wizard-grid .wizard-body select
.wizard-grid .wizard-body .search

CSS is ignoring parent selectors