Question

我尝试验证我的CSS代码。我没有错误，只有警告，但我不喜欢它。

我有100个警告，就像这样：

45 Same colors for color and background-color in two contexts #search and div.main_text
45 Same colors for color and background-color in two contexts div.testinput and div.main_text
45  Same colors for color and background-color in two contexts #submit and div.main_text
221 Same colors for color and background-color in two contexts div.test input and #index_be
221 Same colors for color and background-color in two contexts #login_submit and 


div.main_text {
  color: #a3986d;
}

#search {
    background-color:#a3986d;
}

我该怎么办？

Answer 1

忽略它。如果你从来没有像这样的HTML：

<div id="search">
    <div class="main_text">
    Hello!
    </div>
</div>

你会没事的。如果您确实有这样的标记，那么div与课程main_text的内容将具有#a3986d的背景颜色和前景色#a3986d，因此文字获胜不要出现。

除非您使用这种组合，否则存在这样的组合并不是问题。

Answer 2

对于CSS中的相同操作，您可以使用以下模式。 请注意以下代码更改了所有提到的类或ID，因此在执行此操作时请小心。

因此，要将一个或多个属性应用于各种类或ID，请使用逗号分隔它们：

.MyFirstClass,   #YourFirstID,   div,   span
{
    /*any attribute you like to share with all of them*/
    color : black;
    background-color: #ebebeb;
}

因此，您必须从221个类中删除所有221（或任何其他相同数字）属性，并将它们应用于一系列类中。（最好在CSS类的顶部执行此操作，无论何时更改完全相同的属性，您的更改都应用

CSS警告 - 两种情况下颜色和背景颜色相同

2 个答案: