Можете ли вы добавить новые свойства CSS в Chrome Inspector?

Да, в инспекторе Chrome можно добавить новые свойства CSS и просмотреть их, выполнив несколько простых шагов:

1. Щелкните правой кнопкой мыши элемент, который вы хотите изменить, и выберите «Проверить элемент»;
2. Нажмите кнопку «Новое правило стиля» (1 на изображении ниже);
3. Google Chrome назначит правило сопоставления CSS, которое вы можете переименовать (2 на изображении ниже);
4. Добавьте свои правила CSS (2 на изображении ниже);
5. Когда вы закончите, просто проверьте панель «Вычисляемый стиль» (3 на изображении ниже).

Вы можете добавить новое свойство в правило двойным щелчком внутри правила. Также вы можете добавить новое правило из колеса в углу, а затем выбрать «Новое правило стиля».

Чтобы просмотреть весь пересмотренный документ, перейдите по ссылке: Resources > Frame > site name > Stylesheets > stylesheet-name.css

Или просто щелкните символ + над свойствами css.

Можно ли добавить новые свойства CSS в инспектор Chrome? Кажется, что вы можете редактировать только существующие свойства...

Просто дважды щелкните в любом белом и пустом месте на панели «Стили».

Обычно я дважды щелкаю справа от } для любого правила CSS, которое хочу изменить.

Кроме того, после редактирования свойств есть ли способ просмотреть измененный CSS в целом?

См. @Sotiris answer.

Не знаю, насколько я знаю.

может существовать расширение, которое может это сделать, но если оно существует, оно, вероятно, не сохранит точное форматирование вашего исходного CSS.

Почему бы и нет? Вот скриншот панели Styles инспектора Google Chrome

Обратите внимание на блок:

element.style {

}

Просто щелкните мышью в этой области, и инспектор даст вам возможность добавить новые стили. Если вам нужно добавить новый атрибут к элементу, щелкните его правой кнопкой мыши на панели Elements и выберите «Добавить атрибут».

Кроме того, после редактирования свойств есть ли способ просмотреть измененный CSS в целом?

Разве панель Computed Style не дает вам эту информацию? Там вы можете проверить все стили, примененные к узлу и, собственно, в каком правиле и из какой таблицы стилей они применены.