Предупреждения CSS - одинаковые цвета для цвета и фона в двух контекстах

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 вы можете использовать следующий шаблон. Обратите внимание, что с помощью следующего кода изменяет все упомянутые классы или идентификаторы, поэтому будьте осторожны при этом.

То есть, чтобы применить один или несколько атрибутов к множеству классов или идентификаторов, разделяйте их запятыми, например:

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

Таким образом, вы должны удалить все атрибуты 221 (или любые другие одинаковые числа) из всех 221 классов и просто применить их в серии классов. (лучше сделать это в верхней части вашего CSS-класса, который при каждом изменении одного и того же свойства в конкретном классе, ваше изменение применяется