Visual Studio 中的 Csslint 给出 overqualified-elements 警告

Question

我在我的项目中安装了 eonasdan 日期时间选择器。它工作正常，但在 table 中使用时我遇到了问题，因为标题采用了 table 标题的颜色。使用问题的答案，我使用以下 css 来解决问题

div.bootstrap-datetimepicker-widget table th {
    color: black;
    background-color: white;
}

现在看来我认为应该如此。

然而，自从我使用它以来，我一直收到警告

overqualified-elements  (CssLint) Element (div.bootstrap-datetimepicker-widget) is overqualified, just use .bootstrap-datetimepicker-widget without element name.

当我删除 div 时，日期选择器再次获得 table 标题颜色。

我不喜欢忽略警告。 CSS 是否正确，Visual Studio 只是一个愚蠢的机器人，还是我需要仔细观察 CSS？

编辑：应该补充一下，我是运行 VS 2017社区版和.Net 4.7

Answer 1

您可以使用：

.bootstrap-datetimepicker-widget table tr th {
    color: black;
    background-color: white;
}

而不是 div.bootstrap-datetimepicker-widget table th。通过这种方式，您将删除 div 其 CSS Lint 抱怨的内容，并保留所需的输出（组件内的黑色文本）。

Visual Studio 中的 Csslint 给出 overqualified-elements 警告

Csslint in Visual Studio gives be an overqualified-elements warning

css

eonasdan-datetimepicker

csslint