Не удается отредактировать стиль CSS двойным щелчком мыши в chorme Dev tools

#html #css

#HTML #css

Вопрос:

Я изучаю CSS с новостного сайта с помощью Chrome, но когда я проверяю элемент с помощью инструментов разработчика, я обнаружил, что он не редактируется.

А это и есть сайт:

https://www.nytimes.com/2020/12/06/science/space/jupiter-saturn-align-christmas-star.html

В инструментах разработчика показано, что класс css-mcm29f доступен для редактирования, но я не могу отредактировать его ~~двойным~~ щелчком мыши, есть ли какой-нибудь трюк для достижения этой цели?

1. нажмите element.style {}

2. Это работает, но я хочу знать, почему этот класс «css-mcm29f» не редактируется

3. это потому, что они являются стилями, генерируемыми Javascript и доступными только для чтения инструментами разработчика. вы не можете редактировать их. посмотрите на имя класса .css-mcm29f mcm29f , которое, по-видимому, является уникальным идентификатором, сгенерированным библиотекой

4. Спасибо, и знаете ли вы, как настроить стили только для чтения с помощью Javascript? 🙂

Ответ №1:

Вам не нужно дважды щелкать. Просто щелкните один раз справа от следующего селектора CSS.

 element.style = { // click here only once and add your CSS properties to see the behaviour. 
}

Повторный двойной щелчок возвращает его к состоянию по умолчанию.