Блог

Я хочу знать, есть ли возможность при проверке браузера написать новый класс, содержащий новое наведение / фокус. Например

 .CanIDo {
/*something css
(ex.)*/
 width: 100;
}

/*my question (BY BROWSER ISPECTOR, i don't want to type it directly in my css using a text editor)*/

.CanIdo a:hover{
opacity: 0.7;
}  

Я думаю, что это невозможно, потому что браузер ispector не допускает прямого изменения класса, а только содержимого этого класса (верно?), Но, возможно, есть браузер, который внедрил это, я думаю, это может быть полезно при разработке веб-сайта.

Спасибо!

Если я понимаю ваш вопрос, вы спрашиваете, можете ли вы написать CSS «на лету» в инструменте разработки браузера и сразу увидеть эффекты на своей странице?

Короткий ответ — да. Инструменты разработки в Chrome, FireFox и даже последних версиях браузеров IE / Edge обладают такой возможностью. Вы можете настраивать применяемые стили один за другим с помощью инспектора DOM или даже массово обновлять файл CSS на вкладке «Источники» (название немного отличается в разных браузерах).

И да, вы можете написать правила псевдокласса, такие как hover, и они вступят в силу. Вы можете разработать или настроить свой код и сразу увидеть результаты.

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

Например, в Chrome, если вы откроете Инструменты разработчика, вы можете добавить любой класс в свой css, будь то :hover variant или любой другой обычный класс, псевдокласс.

Что вам нужно сделать, это открыть инспектор Cmd Shift I в OSx, и вы увидите это на вкладке Элементы:

Вы можете видеть, что на фильтре у вас есть кнопка » «, нажав на которую, вы сможете выполнять подобные действия:

Эти два класса a: hvoer и other-class добавляются через инспектор, как вы можете видеть справа, написано: inspector-stylesheet