В настоящее время я оптимизирую код веб-сайта, программиста, который его разработал, здесь нет.

Существует CSS-файл с примерно 1000 строками кода, в этом файле много фигур без кода внутри фигурных скобок.

Например:

.header{
}

Есть ли причина оставить это? Или они совершенно бесполезны?

4
Jessica 29 Авг 2017 в 16:19

5 ответов

Лучший ответ

Они не выполняют никаких функций в конечном приложении, так как не изменяют свойства CSS любых элементов HTML никоим образом. Первоначальный разработчик, вероятно, добавил их, поскольку он / она определял классы во время разработки, но в конечном итоге они не использовались в CSS. Их можно безопасно удалить. (Возможно, что эти классы используются для других целей, таких как выбор определенных элементов в JS, но удаление пустых селекторов в таблице стилей не повлияет на это.)

2
Jason Smith 29 Авг 2017 в 13:27
.header{
}
.header .menu_div{
  background : black;
  color:white;
}
<div class="header">
  <div class="menu_div">Menu Div</div>
</div>

Человек, написавший CSS, мог бы дать иерархию для .header потомков. Возможно, он / она не передал CSS родителю.

Если после удаления он не отразится на дизайне, вы можете удалить его.

3
Bhavin Shah 29 Авг 2017 в 13:27

Удаление пустых селекторов не приведет к изменениям в вашем дизайне , поскольку с ними не связаны никакие правила CSS. Таким образом, вы можете безопасно удалить их, если они пусты.

1
Parthipan Natkunam 29 Авг 2017 в 13:23

Вы можете удалить эти пустые объявления.

2
neuhaus 29 Авг 2017 в 13:21

Закомментируйте или просто удалите его, в противном случае он все равно будет пытаться соответствовать этому правилу. (для каждого отдельного элемента HTML будут проходить все правила CSS, чтобы соответствовать, пробовать и не выполнять.)

2
Dalin Huang 29 Авг 2017 в 13:21