This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.
Created attachment 147203 [details] Quick edit mode As you can see in my screenshot, in adobe brackets I can select a tag, an id or a class, type ctrl + e and some small region comes up with the affected css for this rule. This would be a very nice and handy feature. You can use it or not, but you don't have to switch to the css file and search for this. If its possible to search in less or scss files too would be great. Regards Chris
I think this is functionality is already implemented since 7.3, if you run HTML file in browser with NetBeans integration and either - turn on inspect mode and click on element in browser - or click on element in Browser DOM window then CSS Styles window shows all CSS styles/properties applied to the element (including these in media queries, it can recognize rule comming from Sass/Less file as well and indication if some property is used to style the element or it is override/unused). And you can edit the CSS directly from CSS Styles https://netbeans.org/kb/docs/webclient/html5-editing-css.html
It's not exactly what I want. I have to switch between windows css and dom or to the browser. For this I don't want to run the appliation. Im only in my html file, use my keyboard and dont want to switch to other views or windows or smth like that. I have add you a gif which I captured the function that I mean. Maybe its clearer. Regards Chris
Created attachment 147205 [details] Captured quick edit mode
A similar feature is already implemented inside IntelliJ, called Quick Definition and Applied Styles: http://www.jetbrains.com/editors/html_css_editor.jsp?ide=idea. The problem with this solution is, that you can't edit the quick definitions, it's read only. In brackets, it's possible. It will change the values inside the css file, on the fly.
This implementation has nothing todo with running an application. The editor is aware of the classes and ids as selectors and you can jump into the source, but you switch the whole context from HTML to CSS. This should not needed. You only should see the preview of the CSS and you should be able to edit it, right inside the editor of the HTML file where the selector matches.
It's more called preview definition. In other IDEs this is possible for Java, TS, HTML and so on.