Right way to use "Show applied styles"
Followed by 2 people
Answered
Hello,
what is the right way to use "Show applied styles for tag" functionality? It doesn't work for me on a Symfony2 project. I can use autocomplete in twig to add styles to the corresponding HTML elements, but if i want to see all applied styles, the CSS Styles tab is empty.
Thank you.
Please sign in to leave a comment.
Hello,
Have you followed the instructions?
I've just checked this and it works with a sample project. I guess you would need to double check your html-css linking and if everything is OK - please attach screenshots illustrating the issue.
Hello Dmitry,
i have the following folder structure:
linked css in index.html
Right click on ".row", "Show applied styles.."
As a result empty CSS Styles tab.
OS X El Capitan
PhpStorm 2016.1.2
Build #PS-145.1616, built on May 24, 2016
JRE: 1.8.0_76-release-b198 x86_64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Thanks, unfortunately I can't see the source code and this ".row" part you're referencing to (div class="row"?).
But here's an example I've made based on a sample project:
1. I have a div.foo defined in example.css:
2. Right click it in a corresponding example.html:
3. attributes should be visible on a left side. Click any of it to get a class definition:
If that doesn't work for you on a test project, please check the same in EAP build.
It works in EAP build.
Thanks for the update! Next PhpStorm update would include the fix for the issue.
Thank you.