Reset default CSS and allow to style elements directly (h1, h2, p, ul, etc...)
Reset default CSS and allow to style elements directly (h1, h2, p, ul, etc...)
At a glance
The community members discuss the need to reset default browser styling when creating a new Webstudio project. They suggest being able to select HTML elements directly and apply default styles to them, such as setting a default style for all h1, h2, and lists. Some community members recommend using tokens to achieve this, while others suggest manually adding a reset CSS stylesheet as a workaround until a global solution is available. The discussion also touches on the pros and cons of having default browser styles versus resetting everything to 0, with the general consensus being that defining a custom style guide is the best approach.
When you create a new Webstudio project, it would be great to reset default browser styling applied to body, titles, paragraphs, lists etc...
In addition to that, it would be great to be able to select html elements directly and apply default styles to them, to set a default style to all h1, all h2, all lists etc...
Really nice. I created that topic because the other day, I lost 15 min trying to understand why this $%£m margin was here, and I discovered this was a remanation of an h2 margin. When you deal with visual builder, I think all default browser behaviors should be reset to avoid unexpected results like that
just reseting everything to 0 doesn't replace a style guide, you will still need to apply all sorts of styles and in that case you may as well decide how you want to change the default styles
Reset everything to 0 is better than letting browser add random style. But defining our own style guide that allow to define default you want is the best bet